[html_태그]

5645 단어 TILhtmlTIL

🔨 Tag


-HTML에서 이미지나 텍스트를 그려주려면 그에 맞는 태그가 필요하다.
-시작태그가 있으면 꼭 끝 태그도 있어야한다.

예외의 경우
<img> <br>

HTML파일에 필요한 최소한의 태그

<html>
<head>
<body

📜<ul>와 <ol>

✐Unordered Lists
✐Ordered Lists
✐ul,과 ol로 list를 만들고 각 item을 <li>로 정의

<ul>
   <li>치킨</li>
    <li>마라탕</li>
    <li>곱창</li>
</ul>
<ol>
   <li>치킨</li>
    <li>마라탕</li>
    <li>곱창</li>
</ol>

▶▶▶
치킨
마라탕
곱창
1.치킨
2.마라탕
3.곱창
    

📢ul은 그냥 순서대로 나열 , ol은 숫자가 삽입되어 나열된다.

📜images

-img는 자체적으로 closing tag를 갖고있어 뒤에 /(슬래쉬)를 붙이면 된다!
<img src = "image-loaction.jpg" alt="고양이 사진입니다."/>
-src= source 의 약자
-src에는 URL(Uniform Resource Locator) 입력

> 📢alt

  1. 이미지가 로드되지 않을 경우, alt속성의 내용이 이미지를 대체해준다.
  2. 시각 장애인은 이미지를 볼 수 없기 때문에 alt 속성을 스크린리더로 들을 수 있다.

📜<em>과 <Strong>

em = italic
strong = bold

📜<a></a>

-anchor
-다른 웹페이지와 연결할 때
<a href = "http:~~~">This is a link to ~</a>
*href: hyperlink reference
링크 주소 or 파일이 어디에 존재하는지
<a>와 같이 쓰임.

📜attribute

속성은 시작태그에 위치하며 한 태그에 여러 속성을 지정할 수 있다.

<div class="title">시작!</div>
<a href="https://naver.com">네이버로 이동</a>
<img src="./me.png" alt="내사진">

여기서 div a img 는 태그이고 class href src alt 는 속성이다!

좋은 웹페이지 즐겨찾기