티스토리 뷰

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> : 본문에 해당되는 내용들



'Web' 카테고리의 다른 글

코딩야학(13일) - 로그인 기능 만들기, 배열  (0) 2017.06.19
코딩야학(12일) - 디버깅, 변수, 비교, 조건문  (0) 2017.06.19
코딩야학(8일) - CSS 실습  (0) 2017.06.19
코딩야학(7일) - CSS이론  (0) 2017.06.19
코딩야학(5일) - HTML 실습  (0) 2017.06.19
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2025/03   »
일 월 화 수 목 금 토
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31
글 보관함