지금까지는 너무 재밌는데 자바 들어가면 힘들어하겠지...? 비전공자로서 더 열심히 기록하고 기억해야지.
HTML = Hypertext Make up Language 으로 웹구동언어이다.
Atom은 Html Editor 으로 생활코딩 수업을 들으며 사용했다.
<!doctype html>
<html>
<head>
<title>SEVENTEEN</title>
<meta charset="utf-8">
</head>
<body>
<h1><a href="index.html">SEVENTEEN</a><h1>
<h2>SEVENTEEN 세븐틴</h2>
<img src="seventeen.jpg" width="450"><p>
</body>
</html><!doctype html>: 관용적
<html>: 본문의 모든 태그
<head>: 본문을 설명하는 태그를 묶는 태그
<title>SEVENTEEN</title>: 본문 제목 설명
<meta charset="utf-8">: 본문이 utf-8의 방식으로 저장되어있다. char(문자) set(규칙)
</head>
<body>: 본문을 묶는 태그
<h1><a href="index.html">SEVENTEEN</a><h1>
**<a (anchor) href(hyper link reference)="주소">걸고싶은 text </a>
<h2>SEVENTEEN 세븐틴</h2>
<img src="seventeen.jpg" width="450"><p>: 이미지삽입
src(리소스)="파일명"width="450"(이미지크기)
</body>
</html>
<strong>text</strong> : 글씨 두껍게
*<u>text</u> : underline 밑줄
! 의미가 없다면 CSS 의 text-decoration을 사용 속성 underline으로 바꾸어 쓰는게 더욱 적절하다.
<h1>text</h1> ... <h6>text</h6> : 제목1(크기 가장 큼)
<br>(break in) : 줄바꿈
<a href="주소" target(속성은 링크된 문서를 클릭했을 때 문서가 열릴 위치를 명시)="_blank"(링크된 문서를 새로운 윈도우나 탭으로 오픈함) title="마우스 댔을때 정보"></a>
<!doctypehtml>
<html>
<head>
<title>SEVENTEEN - PERPOMONCE TEAM</title>
<meta charset="utf-8">
</head>
<body>
<<h1><a href="index.html">SEVENTEEN</a></h1>
<ol>
<li><a href="1.html">HIPHAP TEAM</a></li>
<li><a href="2.html">VOCAL TEAM</a></li>
<li><a href="3.html">PERPOMONCE TEAM</a></li>
</ol>
<h2>PERPOMONCE TEAM</h2>
<strong>HOSHI</strong><p><img src="hoshi.jpg" width="450"></p><u>세븐틴 퍼포먼스팀 리더</u><p>세븐틴의 퍼포먼스팀의 수장으로 춤을 잘추고 안무창작에 참여하기도한다. 무대에서 호랑이의 눈빛으로 여심을 홀리는 재주가 있는 호랑이. 호랑해.</p>
</body>
</html>
<!doctypehtml>
<html>
<head>
<title>SEVENTEEN - PERPOMONCE TEAM</title>
<meta charset="utf-8">
</head>
<body>
<<h1><a href="index.html">SEVENTEEN</a></h1>
*<ol>(ordered list) : 부모태그
<li>(list item) : 자식태그 <a href="1.html">HIPHAP TEAM</a></li>
<li><a href="2.html">VOCAL TEAM</a></li>
<li><a href="3.html">PERPOMONCE TEAM</a></li>
</ol>
<h2>PERPOMONCE TEAM</h2>
<strong>HOSHI</strong><p><img src="hoshi.jpg" width="450"></p><u>세븐틴 퍼포먼스팀 리더</u><p>세븐틴의 퍼포먼스팀의 수장으로 춤을 잘추고 안무창작에 참여하기도한다. 무대에서 호랑이의 눈빛으로 여심을 홀리는 재주가 있는 호랑이. 호랑해.</p>
*<p>(paragraph) : 문단을 나눌때 쓰임
</body>
</html>
*<ul></ul>(unordered list) : 순서가 필요없는 목록을 만들때
*무시하고 싶은 코드들
<!--
-->
'cording > 생활코딩' 카테고리의 다른 글
| [CSS] 미디어 쿼리 적용해보기 (0) | 2022.03.02 |
|---|---|
| [CSS] Grid 그리드 활용하기 (0) | 2022.03.01 |
| [CSS] 박스 모델 그리고 응용하기 (0) | 2022.03.01 |
| [CSS] 선택자의 기본 (0) | 2022.03.01 |
| [CSS] 기본문법과 속성 알아내기 (0) | 2022.03.01 |
