웹 개발 HTML/CSS 정석

웹 개발의 기본 정석인 HTML 가장 많이 사용되는 기본 삽입 태그들입니다. 이외에도 아주 많은 태그들이 존재하기 때문에 이것을 암기하듯이 달달 외우면서 사용하는 개발자는 없습니다. Visual Studio Code 편집기를 활용한 코딩을 통해 자연스럽게 기억에 남도록 하는 것이 가장 효과적인 방법이 되겠습니다.

<h1> h1 = 제목 크기 태그 </h1>

h1 = 제목 크기 태그

<h2> h2 = 소제목 크기 태그 </h2>

h2 = 소제목 크기 태그

<h3> h3 = 글자 크기 태그... </h3>

h3 = 글자 크기 태그...

<h4> h4 = 글자 크기 태그.... </h4>

h4 = 글자 크기 태그....

<h5> h5 = 글자 크기 태그..... </h5>

h5 = 글자 크기 태그.....

<h6> h6 = 글자 크기 태그...... </h6>

h6 = 글자 크기 태그......

 

<ul>
    <li> 게시판 </li>
    <li> 게시판 </li>
    <li> 게시판 </li>
    <li> 게시판 </li>
    <li> 게시판 </li>
</ul>

• 게시판
• 게시판
• 게시판
• 게시판
• 게시판

<hr> //hr = 밑줄

---

 

<a href="https://naver.com/"> Naver </a>

Naver

 

<img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png"/>

 

<input type="text" />

 

<span style="color:red">span 태그</span> //글씨 색깔 꾸밀 때

span 태그

 

<button> 버튼 </button>

 

<textarea> textarea 태그 </textarea>

textarea 태그