[html_태그]
🔨 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
- 이미지가 로드되지 않을 경우, alt속성의 내용이 이미지를 대체해준다.
- 시각 장애인은 이미지를 볼 수 없기 때문에 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 는 속성이다!
Author And Source
이 문제에 관하여([html_태그]), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@hyeyoonc/html-태그저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)