생활코딩 [WEB1 - HTML & Internet] STUDY 기록
12. 부모자식과 목록
Unordered LIST
<ul> -- 부모 태그
<li>1.HTML</li> -- 자식 태그
<li>2.CSS</li>
<li>3.JavaScript</li>
</ul>
<ul>
<li>윤동주</li>
<li>이상</li>
<li>신채호</li>
</ul>
Ordered List 자동 넘버링
<ol>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ol>
13. 문서의 구조와 슈퍼스타들
<title>WEB1 - html</title>
title명 바꾸면, 브라우저 타이틀 바꿀 수 있음.
<!doctype html> -- 관용적으로 적음
<html>
<head>
<title>WEB1 - html</title>
<meta charset="utf-8">
</head>
<body>
<ol>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ol>
<h1>서시</h1>
<h1>HTML이란 무엇인가?</h1>
<p>죽는 날까지 하늘을 우러러한 점 <strong><u>부끄럼</u>이 없기를</strong>, 잎새에 이는 바람에도 나는 괴로워했다.별을 노래하는 마음으로 모든 죽어가는 것을 사랑해야지.그리고 나한테 주어진 길을걸어가야겠다.오늘 밤에도 별이 바람에 스치운다.</p>
<img src="star.jpg" width="100%">
<p style="margin-top: 40px;">계절이 지나가는 하늘에는가을로 가득 차 있습니다.나는 아무 걱정도 없이가을 속의 별들을 다 헬 듯합니다.가슴 속에 하나 둘 새겨지는 별을이제 다 못 헤는 것은쉬이 아침이 오는 까닭이요내일 밤이 남은 까닭이요아직 나의 청춘이 다 하지 않은 까닭입니다.별 하나에 추억과별 하나에 사랑과별 하나에 쓸쓸함과별 하나에 동경과별 하나에 시와별 하나에 어머니, 어머니,어머님, 나는 별 하나에 아름다운 말
한마디씩 불러 봅니다. 소학교 때 책상을 같이 했던 아이들의 이름과 패, 경, 옥, 이런 이국 소녀들의 이름과, 벌써 아기 어머니된 계집애들의 이름과, 가난한 이웃 사람들의 이름과, 비둘기, 강아지, 토끼, 노새, 노루, '프랑시스 잠', '라이너 마리아 릴케' 이런 시인의 이름을 불러 봅니다.이네들은 너무나 멀리 있습니다.별이 아스라이 멀 듯이.어머님,그리고 당신은 멀리 북간도에 계십니다.나는 무엇인지 그리워이 많은 별빛이 내린 언덕
위에 내 이름자를 써 보고흙으로 덮어 버리었습니다.딴은 밤을 새워 우는 벌레는부끄러운 이름을 슬퍼하는 까닭입니다.그러나 겨울이 지나고 나의 별에도 봄이 오면무덤 위에 파란 잔디가 피어나듯이내 이름자 묻힌 언덕 우에도자랑처럼 풀이 무성할거외다.</p>
</body>
</html>
<!-- html 구조 -->
<!doctype html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
14. HTML 태그의 제왕
태그를 배우고, 태그를 알게된 순간!!!
검색
html specification
https://www.w3.org/TR/2011/WD-html5-20110405/
a : link
<a href=""></a>
h=hypertext
ref=reference
<h1>서시</h1>
<h3><a href="https://search.naver.com/search.naver?ie=UTF-8&query=%EC%9C%A4%EB%8F%99%EC%A3%BC&sm=chr_hty"
target="_blank" title="윤동주 시인 검색 결과">윤동주</a></h3>
링크 부분에 밑줄이 보인다.
방문하지 않았을 때는 파란색, 방문 후에는 보라색으로 색이 바뀐다.
300x250
'LEARN > HTML | CSS' 카테고리의 다른 글
| [HTML] 16~22 생활코딩 WEB1 HTML&Internet 실습 끝 (0) | 2021.12.31 |
|---|---|
| [HTML] 15 웹사이트 완성 (+윤동주 시인 시) (0) | 2021.12.30 |
| [HTML] 10~11 img 태그 (+속성) (0) | 2021.12.28 |
| [HTML] 8~9 줄바꿈 br vs p (html new line tag) (0) | 2021.12.27 |
| [HTML] 7 h1~h6 태그 (0) | 2021.12.26 |
