html 태그창고

html 태그창고

필요하면 여기서 꺼내 쓰면 됨.

 

헤더에 들어가는 애들

 

제목 (웹 페이지의 제목)
<title>

 

파비콘

<link rel="shortcut icon" type="image/x-icon" href="favicon.jfif"/>

<link>: HTML에서 외부 파일을 연결할 때 사용하는 태그입니다. 이 경우에는 파비콘 이미지를 연결하고 있습니다.

rel="shortcut icon": 이 속성은 연결된 파일이 웹 페이지의 파비콘임을 정의합니다. shortcut icon은 "바로가기 아이콘"을 의미하며, 웹 브라우저 탭, 즐겨찾기 등에서 표시되는 작은 아이콘을 지정합니다.

type="image/x-icon": 이 속성은 파비콘 이미지 파일의 MIME 타입을 설정합니다. image/x-icon은 파비콘으로 일반적으로 사용되는 .ico 파일 형식과 관련이 있지만, .jfif 같은 다른 이미지 형식도 지정할 수 있습니다.

href="favicon.jfif": 이 속성은 파비콘 이미지 파일의 경로를 설정합니다. favicon.jfif는 해당 이미지 파일의 이름과 경로로, 웹 페이지에서 이 파일을 파비콘으로 사용하도록 지시합니다. jfif는 이미지 파일 형식 중 하나입니다

 

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 

바디에 들어가는 애들

 글씨 진하게
<strong>

 

기울임
<em>

<i>

 

밑줄
<u>

 

취소선
<s>

 

문서 내 제목 (크기)
<h1> ~ <h6>

 

줄바꿈
<br>

 

단락
<p>

이미지
<img src="이미지" width="100%">
-src는 소스임 저런 속성들을 Attribute라고 함
-alt 대체 텍스트

리스트
<ul> 언오더드 리스트
 <li> 리스트 아이템
</ul>
<ol> 오더드 리스트

 

링크
<a href="주소"> 링크 (앵커, href하이퍼텍스트 레퍼런스)
- target="_blank" 새 탭으로 열림
- title="링크이름" 링크에 마우스 가져다 대면 툴팁 띄워줌

 

 

인풋 체크박스 라디오

체크박스는 여러개일 때 개별 체크 가능
라디오는 같은 그룹일 경우 개중 1개만 체크 가능

<input type="checkbox" />
<input type="radio" name="group" />
<input type="radio" name="group" />

필드셋과 legend
대충 테두리
    <fieldset>
        <legend>검색</legend>
        <input type="text">
        <button>검색</button>
    </fieldset>

 

테이블
<table>
 <tr>
   <td>테이블</td>
 </tr>
 <tr>
   <td>테이블</td>
 </tr>
</table>

 

시멘틱 태그
문서 구조 태그임 < div랑 하는건 똑같음 그냥 구역 나눈거임
<header> 헤더
<main> 메인

<nav> 내비게이션

<section> 콘텐츠
<aside> 사이드바
<footer> 푸터

인풋 속성
autofocus= 마우스 포인터 깜빡이게
placeholder= 내용 넣으면 사라지는 연한 글씨(~~입력하세요~)
readonly= 읽기 전용
required= 필수 입력


참고.

본문을 설명하는 body 태그.
body태그를 설명하는 head 태그.