Developer Gonie

- 인라인 프레임이라고 안에있는 또 하나의 화면공간을 만들 때 사용한다. + src 속성 : '내가만든 html' 혹은 '이미지 파일' 혹은 '웹사이트 링크' 를 넣어줄 수 있다. + width 속성 : 화면 공간의 너비 지정. 숫자로도 입력이 가능하지만 % 값으로 입력하면 전체 화면 대비 n%로 구성되게 가능 + height 속성 : 화면 공간의 높이 지정 + name 속성 : a 태그에서 target 속성의 값을 여기서 지정한 name 값으로 지정할 수 있는데 그러면 링크 클릭시 여기 프레임에서 링크가 열리게 할 수 있음.

h같은 다른 태그에 id 속성을 부여한 뒤, a태그의 href 속성에서 링크 대신 위에서 부여한 아이디를 '#'로 시작하도록 적어두면 링크가 붙은 텍스트 클릭시 해당 id가 있는 태그로 이동한다. 단, a태그의 href 속성에 아이디를 명시하지 않고 '#' 만 적어두면 맨 위로 이동하는 기능을 한다.

그냥 text 혹은 img태그 - 텍스트에 링크를 지정하거나, 이미지에 링크를 지정하는 기능을 한다. (이미지에 링크를 지정하고자 한다면 img 태그를 a태그로 감싸줘야함) - 링크로 내부의 html 파일을 지정하는 것도 가능하다. + target 속성 : "_blank"로 지정시 링크 클릭하면 새창에서 열림, "_self"로 지정시 링크 클릭하면 현재창에서 열림(디폴트) + title 속성 : 마우스를 링크 위에 올려두었을 때 뜨는 텍스트를 지정할 수 있다.

* 아래의 것들은 서로를 감싸서 복합적으로도 사용될 수 있음. text - 문자열을 굵게 text - 마찬가지로 문자열을 굵게 text - h 뒤에 붙는 숫자에 따라 글씨의 크기를 조절할 수 있음(작을수록 크기가 큼) - 같은 줄의 모든 영역을 자기 영역으로 삼으며, 이 때문에 줄바꿈을 포함하고 있는 것 처럼 작동됨 text - 문자열에 밑줄긋기 text - 문자열을 기울이기 text - 구체적인 색깔, 크기, 글씨체 변경 가능 + color 속성 : 글자색 변경 가능 + size 속성 : 글자크기 변경 가능 + face 속성 : 글자체 변경 가능

* 위 코드에서 controls = "controls" 와 같이 속성을 추가한 것을 알 수 있는데 일반적으로 속성의 이름과 속성의 값이 일치하면 속성이름만 써주면 된다. * audio, video 모두 브라우저마다 지원하는 음악파일의 코덱이 다르므로 여러가지를 나열시키는게 일반적이다. 이 메시지는 브라우저가 위의 모든 코덱을 지원하지 않는 경우에 보여집니다. - HTML5부터 제공되는 것으로 플러그인 없이 음악을 재생시킬 수 있는 기능이다. Safari, Chrome 브라우저에서는 mp3를 지원하며 FireFox,Opera 브라우저에서는 ogg를 지원한다. + controls 속성 : 재생바를 표시한다 + autoplay 속성 : 접속되자 마자 자동재생 + loop 속성 : 재생되는 동안 종료되더라도 다..

- 파일의 경로는 현재 html파일이 있는 위치를 기준으로 해당 파일을 찾아갈 수 있도록 작성하며 './' 는 현재 위치를 의미하는데 이는 생략이 가능하다. + title 속성 : 마우스를 사진위에 올리면 일시적으로 보여지는 텍스트를 지정 가능 + alt 속성 : 링크가 잘못되어 이미지를 못 가져와 엑박이 뜰 경우 사진을 대신해 엑박과 출력될 텍스트를 지정 가능 + width 속성 : 이미지의 너비 크기 지정 + height 속성 : 이미지의 세로 크기 지정 이미지에 달고싶은 제목 - 이미지에 제목을 달아주고 싶은 경우 figcaption 태그로 제목을 작성하고 figure 태그로 img 태그를 함께 감싸주면 된다.

itme1 item2 - Unordered list 이며 순서를 표현하지 않는 리스트 작성시 사용되며, li 태그로 아이템을 나열함. itme1 item2 - Ordered list 이며 순서를 표현하는 리스트 작성시 사용되며, li 태그로 아이템을 나열함. 용어1 용어1의 정의 설명 용어2 용어2의 정의 설명 - Description list 이며 용어와 용어의 정의를 리스트 형식으로 나열할 때 사용되며, dt는 꼭 써줘야 하고 dd 부분은 생략가능.

text - 브라우저 탭에 나타나는 이름을 여기서 입력해 줄 수 있음 - 줄바꿈, 엔터 1번과 같음, 기본적으로 이게 없으면 코드상에서 줄을 바꿔도 바꿔지지 않음 - 가로선을 삽입함

아래의 과정을 해주면 다음에 생성하는 html 파일 부터는 (html 말고 jsp, javascript 파일에 대해서도 하려면 아래서 html Files 말고 해당하는걸 클릭하여 동일하게 진행) 가 아닌 이 삽입된다. 수정전, 새로 생성한 html파일 수정후, 새로 생성한 html파일

'문자 인코딩' 이란? 컴퓨터는 정보를 0과 1로만 저장하는데, 우리가 영어 또는 한글 등의 문자를 사용할 수 있는 이유는 문자 인코딩이라는 과정이 있기 때문에 가능하다. '문자 인코딩'이란, 사람이 문자열을 입력하면 컴퓨터는 문자열과 숫자를 매치시켜둔 표를 본 뒤 컴퓨터는 그것을 이 바이너리 숫자로 저장하고, 사람에게 다시 보여줄 때는 다시 바이너리 숫자를 문자열 표를 확인하여 해당 글자를 찾아서 텍스트로 보여주는 것이다. 이런 문자 인코딩 방식에는 아래와 같은 여러가지 방식이 존재한다. 1. EUC-KR 가장 초창기에 사용하던 문자열 표인 아스키 코드는 미국에서 사용되는 숫자나 알파벳 정도만 들어있어서 다른 나라의 문자 체계는 표현이 불가능했는데, 이런 상황에서 나라별로 각각 문자열 표를 만들게 되며..

Html에서는 으로 감싸서 주석처리를 하며, 이클립스에서는 Ctrl + Shift + '/' 를 통해 주석처리를 단축키로 처리할 수 있다. Ex01.html 예제입니다.

외부 브라우저에서 실행되게 하기 아래의 설정을 해준 뒤 다시 시작하면 내부 브라우저가 아닌 크롬창으로 열린다.