들어가며,,
HTML 기본 태그들 및 html 문서 양식을 공부한 내용을 정리해 보게따,,,
참고로 나는 윈도우 사용중,,╰(°▽°)╯
01 HTML문서 기본 태그(<열린태그 속성 = “속성값”> 컨텐츠</닫힌태그>)
1. 주석 달기
- <!— 주석 멘트—>
Ctrl + ?
2. HTML5 문서를 선언
- = html 5라는 최근 신조어를 통해 index.html구성한다는 의미
html 5또는!+tab단축키
3. 문서의 시작과 끝
<html></html>
04메인 작성 시작
<head> </head>: html문서의 간단한 요약 정보<meta charset= “UTP-8”>: character(문자)를 세팅하고 utp로 모든 문자를 보여준다.<title> </title>: 상단 탭 제목<body> </body>: 사용자가 보이는 부분을 관장
02 body 태그 안 태그들
<h1> </h1>: 제목<h1 style=”color: navy;”>: 인라인 스타일 지정으로 속성 넣기 가능- 블럭요소 :
<div>,<table>,<h1>~<h6>,<p>,<form>,<ul>,<ol>,<li>,<dl>,<dt>,<dd>,<pre>,<blockquote>등 width/height 값 사용해 공간만들기, margin/padding값 사용해 상하 배치 작업 가능 - 인라인요소 :
<span>,<a>,<br>,<em>,<strong>,<input>,<label>,<img>등width/height 값 사용해 공간만들기, margin/padding값 사용해 상하 배치 작업 불가
1. <a></a>
href = “url주소”속성을 넣어 둘것target=”_blank”로 새탭을 열기
2. <img>
src=”이미지 파일 경로”속성을 넣기alt=”이미지를 대신하는 설명”속성을 넣기
3. <header><nav> </nav></header>(웹사이트 머리글)
header: 웹사이트의 머리글을 담는공간navigation: 메뉴 버튼을 담는 공간<ul><li><a></a></li></ul>과 함께 사용
4. <main role=””><article></article></main>(웹사이트 본문)
- IE는 지원하지 않으므로
role =”main”속성을 반드시 입력 <article><h#></h#></article>: 문서의 주요 정보과 구역을 설정하는데 태그내에 구역 설정시 h# 태그를 반드시이용한다
5.<footer></footer>
- 가장 하단에 들어가는 정보 ex) 주소, 이메일, 사업자 등록번호,,,
맺으며,,,
나머지 내용들은 다음을 참고!!
dev