- <h1><h2> .... <h6> 제목, 타이틀바, 진한 글씨에 사용
<h1>What is your favorite foods?</h1>
- <ol> list 순서가 있어 1, 2, 3으로 표시 / <li> list 아이템이라는 표시
<ol>
<li>meet</li>
<li>coffee latte</li>
<li>mlik</li>
<li>strawberry</li>
</ol>
- <ul> list 순서가 있어 점으로 표시 / <li> list 아이템이라는 표시
<ul>
<li>meet</li>
<li>coffee latte</li>
<li>mlik</li>
<li>strawberry</li>
</ul>
- <a href="클릭했을 시 이동하고 싶은 주소"> / <a>가 아니면 href를 쓸 수 없음.
- < ...target="_blank">는 새 탭으로 해당 주소 열기
- < ...target="_self">는 현재 페이지에서 해당 주소 열기
<a href="https://www.google.com/" target="_blank">Go to goole</a>
- <img src="이미지 경로"> 넣고 싶은 이미지 삽입 가능
<img
src="https://media3.s-nbcnews.com/j/newscms/2019_33/2203981/171026-better-coffee-boost-se-329p_67dfb6820f7d3898b5486975903c2e51.fit-1240w.jpg"
/>
- 기본 html 원형
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>
- 타이틀 바 바꿔주기
<title>Home - My first website.</title>
- <meta content="" name=""/> 부가적인 정보
<meta name="description" content="This is my website"/>
- 브라우저에게 text를 어떻게 그려달라는지 말해주는 역할 / 꼭 넣어주기 / 안그럼 글자가 깨짐
<meta charset="utf-8" />
- 우리 사이트에서 사용되는 언어가 무엇인지 알림으로써 구글, 네이버 등 검색엔진들에 도움을 줌.
<!DOCTYPE html>
<html lang="korea">
<head>
- 구글이 검색할 때 찾을 수 있는 우리 사이트의 키워드 정하기
<meta name="description" content="This is my website" />
meta 태그는 겉으로 들어나지 않지만 구글같은 검색 엔진이 우리의 사이트를 찾거나 표시할 때 사용한다.
- 타이블 바에 이미지 넣기 ( rel="shortcut icon" 고정 sizes 있어도 되고 없어도 되고 )
<link
rel="shortcut icon"
sizes="16x16 32x32 64x64"
href="https://nomadcoders.co/m.png"
/>
- 카카오톡 공유할 때 이미지 띄우는 태그 og:image
그 다음 정리 사이트 : 88-it.tistory.com/154
[Web] css / html tag 태그 정리 - 2
- HTML 요소는 미리 서식을 지정한 텍스트를 나타내며, HTML에 작성한 내용 그대로 표현합니다. - 다른 글씨체로 표시 happy - HTML 요소는 준말 또는 머리글자를 나타냅니다. - time에 점선이 쳐지고
88-it.tistory.com
'IT' 카테고리의 다른 글
| [Web] css / html tag 태그 정리 - 3 (0) | 2020.12.25 |
|---|---|
| [Web] css / html tag 태그 정리 - 2 (0) | 2020.12.25 |
| [C언어/유닉스] 알파벳을 소문자 ‘a’부터 순서대로 한 줄로 표시하는 함수 작성 (0) | 2020.12.10 |
| [C언어/유닉스] putchar 함수 설명 및 구현 (0) | 2020.12.10 |
| 그래프 그려주는 사이트, 수식 적으면 그래프로 표현해주는 사이트 (0) | 2020.07.15 |
댓글