하루살이 개발자

HTML 기본 문법 본문

Frontend/HTML

HTML 기본 문법

하루살이 2021. 7. 21. 01:23

1. 굵게 강조

<strong></strong>

 

2. 밑줄긋기

<u></u>

 

3. 제목

<h1>제목</h1>

 

4. 줄바꿈1(닫히는 태그 존재 X)

문장1 <br> 문장2

 

단락1<br><br><br>단락2

 

5.  줄바꿈2(닫히는 태그 존재)

 

문단1 <p> 문단2 </p> 문단3

 

6. 사진

 

<img src="coding2.jpg" width="100%">

 

7. 단락 구별, 목록 구분

 

<ul> // 단락 구별하기
  <li>HTML</li> // li는 항목 표시
</ul>
<ol> // 자동으로 숫자 매기기(태그 li의 부모 태그)
  <li>css</li>
  <li>js</li>
</ol>

 

8. 페이지 이름 정하기

 

<head>HTML 제목</head>

 

9. 페이지 기본 형태

 

<<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    
  </body>
</html>

 

10. 링크걸기

 

<a href="링크주소">링크</a>

 

11. 링크걸기(새 탭으로 열기)

 

<a href="링크주소" target="_blank">링크</a>

 

12.링크걸기(툴팁 나타내기)

 

<a href="링크주소" target="_blank" title="링크툴팁">링크</a>