-
3. HTML이란? 무엇일까요!카테고리 없음 2024. 5. 29. 23:57
- 목차
- 웹 표준 페이지에 입력 된 용어, 태그들에 대해 알아보기
안녕하세용 이제 HTML에 대해서는 마지막 페이지일 것 같네요!
마지막으로 웹표준 시작을 알리는 페이지의 입력 된 용어들에 대해 알아보는 시간을 가지면서
마무리를 해보도록 하겠습니다.
1. DOCTYPE html이란?
html문서를 웹 표준으로 작업하겠다고 선언하는 선언문입니다.
(예시)
<!DOCTYPE html>2. html lang="ko"란?
html태그는 문서의 시작을 알리며, html문서 전체를 의미합니다.lang속성을 이용해 문서에서 사용할 언어를 선언할 수 있습니다.
(예시)
<html lang="ko">3. head란?
html문서의 두뇌와 같은 역할을 하는 태그로, 브라우저에 실제 표현되지는 않지만
다른 외부 파일(css, ji등...)을 연결하거나 언어의 인코딩, 화면비율 등등을 정의하는 태그입니다.4. meta란?
html문서에 정보가 들어있는 태그. "데이터에 대한 데이터"를 정의하는 태그입니다.
charset="UTF-8"속성을 이용해 전세계 언어를 인코딩(해석)해주고, name="viewport"를 이용해
디바이스에 따른 영역을 설정하기도 하며, 검색엔진에 해당 페이지를 노출시키는 역할도 합니다.
5. title이란?
브라우저 탭에 표시되는 이름. 보통 회사의 이름이나 사이트명 등을 적는 것입니다.
6. <head>, <boddy>란?
실제 브라우저에 표현되는 영역으로, 다양한 태그를 이용해 웹 구조를 설계하는 공간입니다.7. inline속성
inline속성을 가지고 있는 태그들은 여러개 출력시 가로로 출력되며, 출력된 결과물 사이에 공백이 1칸씩 생깁니다.
line 즉, 줄이기 때문에 넓이 높이를 가질 수 없습니다.
block속성과는 다르게, 내용이 포함된 부분까지만 영역을 가집니다.8. 글자를 굵게 표현하는 <b>, <Strong>
b, strong태그 모두 글자를 굵게 강조하는 태그, 출력 시 눈에 차이점이 보이지는 않지만
b태그는 문장의 일부를 단순 강조할때 사용하고, strong태그는 시각장애인들을 위한 웹접근성을 고려한
태그로 화면 낭독기(글자를 읽어주는 프로그램-센스리더)에서 구분할 수 있습니다.
사용자들이 반드시 알아야하는 경오의 의미를 담은 내용은 strong태그를 이용하는 것이 좋습니다.9. 글자를 기울여 표현아는 <i>,<em>
글자를 강조할때 사용하는 태그로, 적용시 기울임 서체(이탤릭체)로 표현해줍니다.
em태그의 경우 문장의 흐름에서 특정 부분을 강조할때 사용하고,
i태그의 경우 마음속의 생각이나 용어, 관용구 등에 사용합니다.
하지만 사전적인 의미일 뿐, 엄격하게 구분해서 사용하지는 않습니다.
10. 취소선을 나타내는 <s>태그, 밑줄을 나타내는 <u>태그
s태그는 글자 중앙에 취소선을 그어서 내용이 취소됐음을 나타내는 태그이고
u태그는 글자 밑에 내용을 강조하기 위해 밑줄을 나타내는 태그입니다.11. <del> 태그
HTML 문서에 삭제된 텍스트 범위를 나타내는데 사용됩니다.<sup> : 윗첨자
<sub> : 아랫첨자
위에 알려드렸던 태그들을 이용해 영상과 같이 신기한 체험들을 해보았는데요!
항상 말씀 드리는 거지만 눈으로 보는 것 보다 실제로 경험을 해보시면서 이해하시는 더 좋으실 겁니다!
- (깨알!)오늘 배운 태그들의 정리소
- 글자를 굵게 표현하는 <b>, <Strong>
- 글자를 기울여 표현아는 <i>,<em>
- 취소선을 나타내는 <s>, 밑줄을 나타내는 <u>
- 제목 태그인 <h2>
- 윗첨자인 <sup>
- 아랫첨자인 <sub>
- HTML에 삭제 된 문서 범위를 표현하는 <del>
모두모두 굿밤 되세용!
