티스토리 뷰
<body> : 직접 화면에 표시되는 정보
강조할 때,
<strong>
<em>
<br> : 줄바꿈
<a> : 앵커태그, 하이퍼 링크의 역할.
내부나 외부페이지 또는 동일한 페이지의 내용에 연결하는데 사용.
href 속성이 반드시 필요하고 URL이 들어가야 함.
target="_blank" / target="_self" : 각각 새 탭에서 열기, 현재 탭에서 열기
<div> : 단락 구분, block
<span>: 문단 안 단어를 구분할 때, Inline
그룹핑할 때만 쓰임
CSS에서 자주 쓰임
위 태그들은 딱히 의미가 있는 태그는 아님
리스트
<ul> : 순서 없는 목록
<ol> : 순서 있는 목록
속성
start : start="숫자"는 리스트 시작 번호 설정
type : type="문자"는 순서를 시작하는 문자를 설정
reversed : 순서를 거꾸로 지정/따로 설정하지 않고 키(key)만 씀
<li> : 리스트에 나열할 항목 표시
리스트는 중첩이 가능함!
ul, ol의 자식요소로는 반드시 li가 와야한다.
Description list(정의목록)
① 용어를 정의할 때
② Key-value로 정보를 제공할 때
<dl> : 선언
<dt> : key에 해당(Description term)
<dd> : value, key를 설명(Description data)
<dfn> : 사전적으로 전달하고 싶을 때
예)
Username(dt): ㅁㅁㅁ(dd)
Email(dt): ㅁㅁㅁ(dd)
Nationality(dt): Republic of Korea(dd)
dl의 자식요소로는 div,dt,dd만 가능하다.
인용
<blockquote cite> : 큰 덩어리의 인용내용, cite 속성에 링크출처를 넣어주면 명확
<q> : 문장 내에 들어가는 인용문
<cite> : 출처
미디어
<img> : 빈 요소 / 속성이 반드시 필요함.
<img src="#", alt="이미지를 표시하지 못할 경우 표시할 문구">
<audio src="#"> : 오디오 태그 / type(형식 지정)은 생략가능
<video src="#"> : 비디오 태그 / type은 생략가능 / 가로세로 지정가능
- source를 따로 써서 사용자 편의성을 갖출 수 있다.
- controls : 재생, 소리조절 등을 표시
<iframe> : youtube 기준 공유-퍼가기-html을 복사해서 에디터에 붙여넣기 / embed할 때 / html안에 다른 html을 삽입할 때 사용
주석은 <!--comment-->와 같이 표시 (vscode 단축키 : ctrl+?)
- Total
- Today
- Yesterday
- HTML
- 이벤트위임
- pseudo
- Dom
- malloc
- 선택자
- CSS
- 폼
- 구조체
- valgrind
- 선형검색
- 프로젝트
- 비구조화할당
- form
- 구조분해할당
- float
- 문자열
- RenderTree
- vanillajs
- capturing
- Typography
- 포인터
- intersectionObserver
- sr-only
- 연결리스트
- Big Ω
- overflow
- CSSOM
- 동기처리
- 함수
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |