Study Record

특수문자 입력하기기본적으로 "자음 + 한자" 키를 누르면 마우스 커서 바로 아래나 화면 오른쪽 구석에 특수 문자가 표시된다.   특수 기호 입력하기HTML 소스에서 공백이나 괄호같은 문자들은 소스 기호로 인식하지 않고 그대로 화면에 인식하기 때문에 여러 개의 공백을 나타내려면 공백을 나타내는 특수 기호를 사용해야 한다. 검색창에 "HTML 특수 기호 엔티티 테이블"을 검색하면 된다. 화면표시특수 기호화면표시특수기호&&(공백 한 칸) <>>""||(()),,--'´    *공백에 관하여서는 태그를 사용하면 소스에 표시한 공백이 브라우저에 그대로 표시된다.

시맨틱 태그문서 구조를 정의할 수 있는 새로운 요소들이 도입되어 태그만 보고도 쉽게 페이지 구조를 이해할 수 있다. 사람들이 소스를 쉽게 이해할 수 있도록 태그를 의미가 통하게, 즉 시맨틱 태그로 바뀐 것이다. 즉, 사람들이 소스를 쉽게 이해할 수 있도록 의미가 통하는이라는 영어 단어를 사용한 말로 HTML5부터 도입된 태그를 시맨틱 태그라고 한다.   레이아웃을 위한 HTML5 시맨틱 태그들  사랑합니다   웹 브라우저 버전 고려하기HTML5 태그를 지원하지 않는 브라우저들이 있다. 모든 사용자들이 최신 웹 브라우저를 사용하는 것은 아니기 때문에 그런 사용자들까지 고려해야 한다. 브라우저는 자신이 인식하지 못하는 태그를 만나게 되면 인라인 태그로 취급하게 된다. 하지만 ..

웹 문서와 이미지웹 페이지에서 사용할 수 있는 이미지 파일은 파일 크기가 크지 않으면서도 화질은 좋게 유지해야 하기 때문에 몇 가지 파일 형식만 사용할 수 있다.   파일 형식GIF : 표시할 수 있는 색상 수가 최대 256가지뿐이지만 다른 이미지 형식에 비해 파일 크기가 작다. 투명한 배경이나 움직이는 이미지를 만들 수 있다.JPG/JPEG : 사진을 위해 개발된 형식으로 GIF보다 다양한 색상과 명암을 표현할 수 있다. 저장을 반복하면 화질이 떨어질 수 있다. 투명한 배경을 만들 수 없다.PNG : 투명 배경을 만들면서 다양한 색상도 표현할 수 있다. 네트워크용으로도 개발되었기 때문에 많이 사용된다.  이미지 관련 태그이미지를 표현할 수 있는 태그는 이다.   태그웹 문서에 이미지를 삽일할 때 사용..

기본 구조각 태그에는 이름과 속성이 있다.  문서 유형을 지정하는 태그이다. 웹 브라우저는 처음으로 이 태그를 보고 HTML5에 맞춰 문서를 해석하면 되겠구나 이해할 수 있다.  문서 유형을 태그로 선언한 후 실제 문서 정보와 내용이 시작되고 끝나는 것을 표시하는 태그이다. 태그는 웹 문서가 시작된다는 뜻이고 태그는 웹 문서가 끝났다는 뜻이다. lang 속성으로 사용할 언어를 지정할 수 있다. 언어를 지정하지 않는 경우 언어를 제한해서 검색할 때 검색되지 않는다. 또한 화면 낭독기에서 웹 문서를 소리내어 읽어줄 때 언어가 명시되면 그 언어에 맞추어 발음하는 억양, 목소리 등을 다르게 해서 들려줄 수 있다.* 두 자리 국가별 언어 코드는 ISO 639-1 표준에 정해져 있다.   주석 달기   ..

HTML 이란 무엇일까?컴퓨터에서 사용하는 모든 파일에는 각각 고유의 형식이 있다. 웹에서는 웹에 맞는 형식인 *.html(또는 *.htm)로 문서를 저장해야 한다. 텍스트뿐만 아니라 이미지, 링크 등 여러 요소들을 다루고 표시할 수 있어야 한다. 웹에서 자유롭게 오갈 수 있는 웹 문서를 만드는 언어가 HTML 이다. HTML은 하이퍼텍스트 마크업 랭귀지(HyperText Markup Language)의 줄임말로 하이퍼텍스트를 마크업하는 언어이다.하이퍼텍스트란 웹 사이트에서 링크를 클릭해 다른 문서나 사이트로 즉시 이동할 수 있는 기능을 말하고 마크업이란 태그를 사용해 문서에서 어느 부분이 제목이고 본문인지, 사진인지 링크인지 표시하는 것을 말합니다. 즉 웹에서 자유롭게 오갈 수 있는 웹 문서를 만드는 ..