til:html

Amy (rhdtlfd)·2022년 5월 20일
0

til.frontend

목록 보기
1/2
post-thumbnail

제목

<h1></h1>

줄바꿈 태그

<br> : break
<p> : paragraph 문단

강조 태그

<b> : bold
<strong> 

기울임 태그

<i> : italic
<em> : emphasize

기타

<small>
<cite> : citation
<mark>
<sup> : superscript
<sub> : subscript
<s> : strike

인용문 태그

<blockquote>

가로선 태그

<hr>

이미지 태그

<img>
<img src="" alt="">

하이퍼링크 태그

<a></a>
<a href="" target="">
target="_self | _blank | _parent | _top"

목록 태그

ul > li
ol > li

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

테이블 태그

table > tr > th,td
table > caption

<table>
	<tr>
    	<td></td>
    </tr>
</table>

<table>
	<thead>
    	<tr>
        	<th></th>
        </tr>
    </thead>
    <tbody>
    	<tr>
        	<th></th>
        </tr>
    </tbody>
</table>

<td colspan="">
<td rowspan="">

inline 요소

<a> <b> <br> <button> <cite> <em> <i> <img> <input> <label> <script>
<select> <small> <span> <strong> <sub> <sup> <textarea>
높이, 너비, 외부/내부 여백 설정 불가
내용부의 가로,세로 정렬 불가

block level 요소

<article> <aside> <blockquote> <div> <footer> <form> <h1>~<h6>
<header> <hr> <li> <nav> <ol> <p> <section> <ul>
자체적인 크기와 여백을 가짐

div

<div> : division
<div></div>

semantic

<header></header>
<footer></footer>
<nav></nav>
<aside></aside>
<main></main>
<section></section>
<article></article>

form

<form>
	<p>
    	<strong></strong>
        <input type="" name="" value="">
    </p>
</form>

type ="text | password | button | submit | reset | radio | checkbox | file | hidden" 

<select>
	<option value=""></option>
</select>

0개의 댓글