Web

코딩야학(2일) - HTML 이론

광그로 2017. 6. 19. 21:46
1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
  </head>
  <body>
    안녕하세요. <strong>생활코딩</strong>입니다.
  </body>
</html>
cs

강조 : <strong> </strong>
항상 파일을 저장할 때 utf-8 속성으로 바꾸는 걸 잊지마세요.
1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
  </head>
  <body>
    안녕하세요. <a href="http://rhkdrmfh.tistory.com" target="_blank">생활코딩</a>입니다.
  </body>
</html>
cs
<a> </a> : link
link라는 것만 알려줄 뿐, 어디에 link가 되어 있는 가는 나오지 않는다.
<a href(속성명) = "http://rhkdrmfh.tistory.com(속성값)">
속성 간의 구분은 띄어쓰기로 구분한다.
<target(속성명)="_blank(속성값)">
_blanck : 새 창에서 link경로를 연다.
_self : 현재 창에서 link경로를 연다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html>
  <title>    
      시험공부 노잼
  </title>
  <head>
    <meta charset="utf-8" />
  </head>
  <body>
    <ol>
      <li>html</li>
      <li>css</li>
      <li>JavaScript</li>
    </ol>
    <ul>
      <li>최진혁</li>
      <li>최유빈</li>
      <li>한이람</li>
    </ul>
  </body>
</html>
cs
<li> </li> : list의 약자
<ul> </ul> : list 내의 group을 나눈다. unordered list의 약자
<ol> </ol> : ordered list

<!DOCTYPE html> : 어떤 표준안에 따라 작성되어진 것인지
<title> </title> : 페이지의 타이틀
<head> </head> : 문서의 설명하는 정보들
<body> </body> : 본문에 해당되는 내용들