본문 바로가기

🕸웹/HTML3

[20210614] HTML5 시맨틱 태그 기존의 HTML 문서들은 페이지 소스만 봐서는 문서의 구조를 파악할 수 없었다. 태그는 자신의 요소만 표시해줄 뿐 자기가 문서에서 어떤 '의미'를 가지는지 알 수 없었다. (예를 들면, h3 태그가 담고 있는 내용이 소제목이라고 해도, h3 태그는 크고 굵은 효과가 필요하면 문서 어디서든 사용이 가능해서 그 의미를 알기 힘들다.) 그러나 검색 엔진 등 웹 문서 탐색이 용이하도록 구성하는 것이 중요해지면서 HTML5에서는 웹문서를 구조화할 수 있는 시맨틱 태그가 등장하게 되었다. 그 종류에는 header, nav, section, article, main, aside 등이 있다. 다만, 이 태그를 html 문서에 사용한다고 해서 화면이 변하지 않는다. 이 태그들 자체로는 div 태그를 사용한 것과 다르지 .. 2021. 6. 14.
[20210614] HTML 기초2 순서가 없는 목록(unordered list) 파스타 종류 롱 파스타 스파게티 페투치네 숏 파스타 링귀네 펜네 마카로니 순서가 있는 목록(ordered list) 파스타 끓이는 법 물이 팔팔 끓을 때까지 끓인다. 파스타를 넣는다. 원하는 파스타의 익힘 정도와 맞는지 확인한다. 불을 끄고 면을 건져낸다. 정의 목록(definition list) 운영체제 종류 Windows 미국 마이크로소프트 사가 만든 운영체제 Macintosh 미국 애플 사가 만든 운영체제 Linux 리누즈 토발즈가 만든 오픈 소스 운영체제 숨은 텍스트 대한민국의 수도는? 서울입니다. 하이퍼링크 네이버 멀티미디어 브라우저가 video 태그를 지원하지 않습니다. 브라우저가 video 태그를 지원하지 않습니다. figure 태그 사용법 입력.. 2021. 6. 14.
[20210611] HTML 기초 HTML(HyperText Markup Language)은 웹문서를 작성하기 위한 마크업 언어이다. HTML 문서의 구조와 기초 태그들을 정리했다. 참고로, HTML 문서에서 주석 처리를 하기 위해서는 '' 사이에 내용을 입력하면 된다. 글 제목1 글 제목2 글 제목3 글 제목4 글 제목5 글 제목6 글 내용입니다. 태그 내에 엔터를 치면 웹브라우저에서도 엔터를 쳐서 나옵니다. 글 내용입니다. 태그 내에 엔터를 쳐도 웹브라우저에서는 한 줄로 표시됩니다. 태그 내에서 개행하기 위해서는 태그를 넣어주면 됩니다. 이렇게 말입니다. 각종 글자 효과를 위한 태그들 는 굵은 글씨 는 굵은 글씨 는 기울임 꼴(이탤릭체) <.. 2021. 6. 11.
728x90