[HTML/CSS] HTML 기본 태그로 글 작성해보기

🐳Coding apple HTML/CSS All-in-one : 기초부터 Bootstrap, SASS, 고급 animation 까지 강의를 보고 정리한 글입니다 🐳

💫 태그

기본 태그 목록

<p>글 본문</p>
<h1>글 제목</h1>
<img src="이미지 경로">
<a href="">링크</a>
<button>버튼</button>
<ul>
    <li>순서 X 리스트</li>
</ul>
<ol>
    <li>순서 O 리스트</li>
</ol>

① 태그를 열었으면 </태그명>으로 닫아야함.
닫지 않아도 되는 태그도 존재(<img>태그)
② 특정 태그는 안에 href=" ", src=" " 와 같은 속성 기입가능
③ 용도에 맞는 태그 사용

HTML은 마크업언어이기 때문에 자료의 구조를 쉽게 파악할 수 있어야 하는데 그럴 때 용도에 맞는 태그 사용하는 것이 도움이 되고, 용도에 맞는 태그를 사용하면 더욱 '웹표준'에 맞는 웹을 만들어낼 수 있다.
 

💫 오늘의 숙제 : <p>태그 안의 글자 일부를 누르면 네이버로 이동하도록

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
        <p>안녕하세요 <a href="https://naver.com">이동하기</a></p>
    </body>
</html>

 

By Dozzing

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다