16.05.19 HTML - govl2233/project

##문서기본구조

html을 작성할때 기본적으로 만들어야할 구조.

head에는 html 문서에 대한 정보 표시

title에는 문서의 제목표시

body에는 보여질 컨텐츠

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    hello eunji hey everybody hello
</body>
</html>

현재 문서가 html5 언어로 작성하는 문서

< html lang="en" >

html 문서 언어를 영어로 지정 해놓은 것

< meta charset="UTF-8" >

인코딩 방식의 문서를 저장할 때 문서 맨 앞에 다양한 인코딩 방식 중 어떤 것을 이용한 것인지 식별할 수 있도록 바이트를 표시 하는것

html문서 인코딩과 메타 인코딩이 같아야 글이 안깨짐

##문법

<!-- : 주석 -- >

소스상에서 있지만 주소상에는 안보임 ( 다른사람에게 무엇인지 설명을 할 때 사용. drag + Ctrl + / )

< br />

줄바꿈 ( 자기 혼자 닫음.< img / >도 있음. < / > 로 닫는게 좋음 )

< h1~h6 >

< h$ >

숫자 증가 ex) title 6개를 한꺼번에 만들 때 = h${title}*6

##속성

추가적인 정보를 지시할때 사용

input : 입력을 받겠다 라는 뜻
type : 속성. 변경하면 됨

ex) < input type="radio" / >

           ｜      ｜
         (속성)   (값)

List tag

ul (unordered list) : 규칙 -> li(list) 순서가 없는항목
ol (ordered list) : 규칙 -> li (list) 순서가있는항목

★어떠한 태그 못들어감 < ui > 말고 < li > 에다 태그해야함

ex)

<ul>
   <li>text</li>
   <li>text</li>
   <li>text</li>
   <li>text</li>
   <li>text</li>
</ul>

<ol>
    <li>text</li>
    <li>text</li>
    <li>text</li>
    <li>text</li>
    <li>text</li>
</ol>

dl (용어에대한리스트) : 규칙 -> dt (용어의 제목), dd (용어에 대한 설명)

<dl>
  <dt>카페라때</dt>
  <dd>커피에 우유넣은 음료</dd>
  <dd>4,900원</dd>
  <dt>카페라때</dt>
  <dd>커피에 우유넣은 음료</dd>
  <dt>카페라때</dt>
  <dd>커피에 우유넣은 음료</dd>
 </dl>

( double click + Ctrl + D = 선택된것들만 삭제,붙히기 가능)

##단락 < p >

단락을 만들때 사용하는 태그
오남용으로 < br/ > 을 같이 사용함 (x)
< p > 태그안에 < h1 > 사용 안됨
< div > : 웹 문서의 이미지나 내용 등을 담아놓는 그릇 (그룹으로 묶어줌)

16.05.19 HTML - govl2233/project_studyej GitHub Wiki

List tag

⚠️ GitHub.com Fallback ⚠️

16.05.19 HTML - govl2233/project_studyej GitHub Wiki

List tag

⚠️ **GitHub.com Fallback** ⚠️

⚠️ GitHub.com Fallback ⚠️