본문 바로가기

HTML 기본

(2)
(생활코딩) HTML 링크 걸기 <a> 태그가 웹의 왕국이라면 태그는 왕국의 제왕이다. 현대의 HTML은 150여 개 태그로 이루어져 있지만, 이들 모두 태그 아래에 있다. 검색 엔진들은 태그 덕분에 전 세계의 웹을 항해하면서 웹 페이지를 발견할 수 있고, 태그가 없다면 검색엔진은 존재하지 않는다. HyperText가 바로 이 태그를 의미 하며, anchor의 첫 글자를 띈 이다. achnor는 배가 정박할 때 사용하는 덫을 의미이다. 정보의 바다에 정박한다는 의미일 수 있다. 태그는 링크의 기능을 한다. 작성한 글 중 HTML에 공식 사용 설명서의 링크를 걸어보도록 하자. "html specification"로 검색 했을 때, HTML을 만드는 W3C라는 국제기구에서 만든 공식 설명서를 찾는다. 해당 링크를 복사 한 후, 링크 할 부분 (h..
(생활코딩) HTML 문서의 구조 <!doctype html>,<html>, <title>, <head>, <body> HTML 제목을 태그를 사용해 입력해보자. 태그는 웹페이지의 제목을 사용자에게 명시적으로 알려줄 수 있을 뿐만 아니라, 검색 엔진과 같은 기계들은 바로 이 태그를 책으로 치면 책 표지와 같은 정보로 사용한다. 에디터에 웹브라우저 좌측 상단에 문서제목을 표시 작성 후 저장해준다. 웹페이지를 불러오면 지정 제목으로 이름이 변경된 것을 볼 수 있다. 또 에디터에 한글을 입력하면 웹페이지에 깨질 수 있는데 파일 형식을 지정 안해줬기 때문이다. 해당 에디터에서 작성하고 있는 파일은 utf-8로 저장되어 있으므로, 해당 파일을 웹브라우저가 열 때도 utf-8로 열도록 지정해줘야 한다. 여기서 본문과 본문을 설명해주는 부분(title과 meta charset)이 나뉘어 지는데 이부분을 본문로 작성해줘야 한다. HTM..