본문 바로가기
읽고 보고 듣는 것들/Note

html 정리

by 내오랜꿈 2014. 1. 1.
728x90
반응형


<table cellspacing="1" cellpadding="1" width="710px" border="0" style="width: 710px;"><tbody><tr><td rowspan="5" style="width: 710px;">

https://www.youtube.com/watch?v=SYI0qRHs00s

<iframe width="560" height="315" src="https://www.youtube.com/embed/07oCqJIRyq4" frameborder="0" allowfullscreen></iframe>

출처 강섬미 - 새로운 시작 | 강섬미

원문 http://summy_kang.blog.me/220014778160

html 태그정리

<html> </html>

<head> </head>​ 

<body> </body>

<h1> </h1>

<h2> </h2>

<p> </p> 

<blockquote cite=""> </blockquote>  ※""안의 링크주소는 http://부터 전부 써주어야 함. 인용 

<q cite=""> </q>   ※""안의 링크주소는 http://부터 전부 써주어야 함. <p>안에 있을 수 있다. 인용

<address> </address> 사이트 주소, 전화번호, 팩스번호 등

<strong> </strong> 글자를 굵게

<a> </a>  링크주소를 지정할 때

ex) <a href="http://www.naver.com"> 네이버로 가기</a>

       링크주소 대신 "../xxxx.html"등을 써도 됨. 

<em> </em>  글자를 비스듬히

<img src="" />  이미지 삽입시 사용, 단독태그. 끝날 때는 반드시 '/>'앞에 하나의 blank를 두어야 함.

ex) <img src="../xxx.jpg" alt="이미지의 간단한 설명" /> 같은 디렉토리 안에 있을 경우에는 그냥 jpg이름만

기입해도 됨, 부모 디렉토리에 이미지가 있을 경우에는 '../'으로 표기

<ol> </ol>   순서 있는 목록

<ul> </ul>   순서 없는 목록 

<li> </li>  목록(나열) <ol></ol> 사이에 있던지 <ul></ul>사이에 있어야 함. <li>사이에 <p>가 있으면 안됨.  

<dl> </dl>   서술형 나열(Definition List) 항상 <dt></dt>, <dd></dd>와 함께 온다. 

<dt> </dt> (Definition Term) 

<dd> </dd> (Definition Description)

 

<table> </table> 테이블의 정의

<colgroup> </colgroup> 열의 정의

<thead> </thead>  행의 첫 헤더부분 정의   

<tr> </tr>   table row (행의 정의)


<map> 매핑으로 한 이미지를 조각내어 조각이미지별로 다른 링크를 걸 때 사용

<area> 매핑의 한 조각조각, 단독태그.  (가지는 속성:shape, coords, href, alt)

ex) <p><img src="xxx.jpg" alt="지도" usemap="#pointer" /></p>

      <map id="pointer">

      <area shape="circle" coords="x,y,r" href="http://www.naver.com" alt="원형" />   

               ※원형일 경우, 원점의 x좌표, 원점의 y좌표, 반지름 세 개의 값만이 필요함.

      <area shape="rect" coords="x₁,y₁,x₂,y₂" href="http://www.daum.net" alt="사각형" />

                ※사각형일 경우, 왼쪽상단점의 x좌표, y좌표, 오른쪽하단점의 x좌표, y좌표 total 4개의 값이 필요함.

      <area shape="poly" coords="x₁,y₁,x₂,y₂,x₃,y₃....." href="http://www.nate.com" alt="다각형" />  

                ※다각형일 경우 모든 점들의 x좌표, y좌표가 차례로 모두 필요함

      </map>  

 

<form> : 양식에 관한 태그, action이라는 속성을 가짐.  

<fieldset> </fieldset>

<legend> </legend> 

<label> </label> for라는 속성을 가짐 

<input>  type의 종류 : "text" || "password" || "checkbox" || "radio" || "file" || "image" || "reset" || "button"

       <input>태그가 가지는 속성: type, name(DB의 field-name과 일치해야 함), id 

       <input>은 단독태그임. 

<select> 값을 주어주고 선택할 때 (ex, 태어난 년도 같은 dropdown menu ) <option>과 함께 쓴다 

<textarea> : 여러줄이 입력될 때.  가지는 속성 : name, id, cols, rows 

 

<object> 개체를 삽입할 때 <param>과 함께 쓴다 

 

<div> 덩어리로 묶을 때 


728x90
반응형