태그(tag) 및 속성(Attribute) 정리

<a></a>

- anchor

- 링크 삽입 

href (hypertext reference) : 해당 링크를 참조
target : 링크된 문서 클릭 시, 문서가 열릴 위치 명시	<a herf="주소", target="_blank">  :  새 창이 열림 * 이 외에 다른 옵션 : 링크
title : 링크가 무엇인지 알려주고 싶을 때	<a herf="주소", title="설명"> : 링크에 마우스를 올리면 설명이 나옴

 

 

<img> 

src : 이미지 경로	<img src="dog.png">
alt : 이미지 표시할 수 없을 때 출력할 내용	<img src="dog.png" alt="My Image">
width, height : 이미지 가로, 세로 크기	width="100%" or with="120" 등으로 줄 수 있음
wspace, hspace : 가로 세로에 여백 주기
loading : 이미지 로딩 방식	eager : 모든 이미지 불러옴 (default) lazy : 이미지가 뷰포트의 일정 거리 안으로 들어오면 불러옴
border : 테두리 설정	style 속성으로 색 변경 가능
style	특정 위치로 보이게 하기

 

 

 

<li></li>

- 목차 생성 태그 (list)

 

1. 부모 태그 <ul></ul>  (unordered list)

- 목록 간 그룹핑을 할 수 있음

<ul>
    <li>1. HTML</li>
    <li>2. CSS</li>
    <li>3. JavaScript</li>
</ul>

• 1. HTML
• 2. CSS
• 3. JavaScript

 

2. 부모 태그 <ol></ol>  (ordered list)

- 자동으로 목차에 넘버링 해 줌

<ol>
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
</ol>

1. HTML
2. CSS
3. JavaScript

 

 

<table></table>

- table 태그는 <tr>, <td>와 부모 자식 관계 

출처 :&nbsp;https://opentutorials.org/course/3084/18408