HTML- Text-level semantics

Taehee Kim·2022년 3월 30일
0

HTML

목록 보기
4/8

1. <br>: 줄바꿈

2. <WBR>: 문단 사이에 사용, 줄바꿈

<p>Lorem ipsum dolor sit amet<wbr> consectetur adipisicing~~.</p>
<p style ="white-space:normal ;"></p>와 사용하면 창 줄이다가 공백을 만나면 한글은 한 글자씩(style="keep-all"로 바꾸면 한 단어로 떨어짐), 영어는 한 단언씩 다음 줄로 떨어짐

3. <a href="경로">

* IE는 다운로드 지원 X
❗ 앵커 태그 안에 다른 앵커나 버튼을 삽입하지 않음
(앵커, 버튼 경로가 서로 엉키기 쉬움)

2. 새탭에서 열기 3. index.html(경로)로 이동 4. id= three로 이동(화면을 맨위/맨아래로 가게 만들 수 있음) 5. html 다운로드 6. 한글 파일 다운로드 7. 한글 파일을 a라는 이름으로 다운로드 8. pdf로 이동 9. pdf를 a라는 이름으로 다운로드
1.<a href="https://www.naver.com">click</a>
2.<a href="https://www.naver.com" target="_blank">click</a>  
3.<a href="./index.html">click</a>
4.<a href="#three">click</a> <!-- 해쉬 링크 -->
5.<a href="./index.html" download>click</a>
6.<a href="./hello.hwp">hwp click</a>
7.<a href="./hello.hwp" download="a.hwp">hwp download click</a>
8.<a href="./hello.pdf">pdf click</a>
9.<a href="./hello.pdf" download="a.pdf">pdf download click</a>

4. <b>,<strong>: 두껍게

- 최근에는 사용하지 않음, css로 font-weight:bold 로 설정
- strong 안에 strong을 중첩 사용하지 않음

5. <i>,<em>: 글꼴 기울임

- 많이 사용X, css로 font-style:italic와 같은 효과
- <i>는 소설 등에서 등장인물의 생각 등을 적을 때 사용함
- <em>은 내용을 강조할 떄 사용 (보여지는 게 더 강조된다는 게 아니라, 의미 상 강조가 된다는 말)

6. abbr: 마우스 올리면 title의 내용이 설명으로 나옴

- 단독으로 쓰이거나 <dfn>에 감싸져서 사용(사전 빼고는 별로 사용 X)
- www에 -마우스 올리면 world wide web이라고 나옴

<dl>
	<dt>WWW</dt>
	<dd>
	    <dfn><abbr title="World Wide Web">WWW</abbr></dfn>는 
			인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 전 세계적인 정보 공간을 말한다.
	    - 위키백과
	</dd>
</dl>

7. <sup>:윗첨
8. <sub>:아래첨

<p>H<sub>2</sub>0</p>
<p>x<sup>2</sup>=4</p>

9. <span>

- 별다른 의미 없이 보통 줄 바꿈 없이 영역을 묶는 용도로 사용
- id를 주거나 클래스를 사용
- div와 마찬가지로 최후 수단으로 사용

0개의 댓글