HTML 실습

1. 모델링을 HTML로 만들기
  1) <h1> tag 각 섹션의 제목을 나타내는 태그로 h1부터 h6 까지 있다. h1이 가장 큼

2. Semantic Web 의미가 잘 드러나는 웹 
- 실제 웹 페이지에 표시되는 모습에선 변화가 없다.
하지만 아래 태그들을 사용하면 각 부분의 의미들을 명확하게 컴퓨터에게 말해줄 수 있다. 

<header> 네비게이션을 돕거나 소개하는 태그 
<nav> 목차를 명확하게 해주고 다른 부분으로 연결되는 링크들로 구성된 섹션 표시 
<article> 문서내 독립적인 컨텐츠 표시 

3. 사이트 완성 
  1) index.html 페이지 = 대문 페이지 =가장 먼저 보이는 페이지의 구성 

index.html 의 소스를 살펴보면
<h1> 가장 큰 제목 표시 / <nav> 네비게이션 항목 표시 /<ol> 순서에 따라 /<li> 리스트 표시 
<a> 각 항목 링크 표시 
1. 자바스크립트란?을 클릭시 해당 페이지로 링크 시키기 위해선 
자바스크립트란?을 성명하는 페이지 파일과 해당 파일의 주소를 알면 된다. 
<li><a href="http://localhost/page_j.html">자바스크립트란?</a></li>
페이지 파일 = page_j.html  해당 파일의 주소=localhost=htdocs에 있음

2) 각 페이지 링크 연결 및 메인 페이지로 링크

각 페이지마다 메인 페이지로 가기위한 태그를 매번 다 추가해줘야 하는가?
-> 메인 페이지 링크 연결된 파일 복사해서 돌려 쓰기로 해결 

하지만 미리 만들어 놓은 페이지에 
꼭 메인이 아니라 다른 부분으로 링크가 연결되기도 하고 추가 된다면
한 두 개는 상관 없지만 수십, 수백개로 증가한다면 너무나 시간이 너무 오래 걸릴것 같다. 

생활코딩 코딩야학 3일차