고정 헤더 영역
상세 컨텐츠
본문
반응형
HTML이란?
Hypertext Markup Language
Hypertext : 문서와 문서가 링크로 연결되어 있다. 링크는 HTML의 본질이고, HTML의 본질은 웹의 본질이다
Markup : TAG를 사용해 웹페이지에 정보를 알려준다
Language : 사람도 알아듣고 웹브라우저도 알아들을 수 있는 언어
html문법
속성
<a href="http://www.tistory.com" target="_blank">티스토리</a>
<a>: 링크를 걸어준다
href, target를 태그의 속성이라고 하며, 각 속성 사이는 공백으로 구분한다
href : 이동하려는 웹페이지주소
target : 이동하려는 브라우저 타겟(새창이냐, 현재창이냐를 구분)
중첩
<ol>
<li>abc</li>
<li>def</li>
<li>ghi</li>
</ol>
<ul>
<li>cat</li>
<li>dog</li>
<li>bird</li>
<ul>
<ol>태그 안에 <li>태그가 중첩되어있다
<li>리스트
<ol>:순서가 있는 리스트 - 숫자로 표현됨
<ul>:순서가 없는 리스트 - 점으로 표현됨
누가 만들까?
w3c : html의 표준을 정의함(여러가지 태그를 추가 혹은 삭제하며 정리한대), html을 발전시켜나감
<!DOCTYPE html> : 어떤 html표준에 따른것인지 말함
html은 여러가지 표준안이 있다.. 근데 내가 html5에 맞게 문서작성을 했다면 <!DOCTYPE html>를 입력해야한다는것..
html은 시대의 요구에 따라 끊임없이 변화, 발전해 나가고 있다..
태그는 100~200개 정도의 태그가 있다. 이것은 무조건 외울 필요가 없다. 모르는건 찾아서 알아가면 되는것이다...
어떤 태그가 있는지 정도만 알고 있다가, 사용할때 찾아서 정확히 입력하면 된다(니요...ㅋㅋ)
Tag Reference <- 태그 사전이라고 보면 됨 아래 링크를 클릭하면 태그사전으로 이동~~
http://dev.w3.org/html5/html-author/ <-최신버전~
http://opentutorials.org/course/1058 <-한국어버전사전
마무으리 : html은 정보다
의미론적 웹(semantic web) : 의미가 잘 드러나는 웹
<header>,<nav>,<article>등
사이트의 완성
html은 <a>태그를 통해 웹페이지가 링크따라 겁나게 연결된다
그리하여 오늘날 겁나게겁나게 복잡해짐
그러나 우리는 html은 정보라는 웹의 본질을 잊지않으면 된다...
Client Side Tech : HTML, CSS, JavaScript
Server Side Tech : PHP, MySQL
재밌다. 내 고등학교때 꿈이 웹디자이너. 프로그래머였는데.......... 먼 옛날 얘기. 쩝
반응형
