반응형
1. 이미지 태그
이미지태그
<h1> 이미지태그 </h1>
<img src="img/설현_190429_04.png" width="200" height="200">
<img src="img/설현_190429_05.png" width="150" height="150" title="풍선도움말">
<img src="" width="150" height="150" border="5" alt="나중에 로고들어갈 자리">
<img src="http://placehold.it/150x150">
2. 블록 형식으로 공간 분할 태그
포토샵영역
3. 인라인 형식으로 공간 분할 태그
스팬1 스팬2
<section>
<span>스팬1</span>
<span>스팬2</span>
</section>
4. 움직이는 태그
비표준 - 글자움직이는 태그
<marquee>비표준 - 글자움직이는 태그</marquee>
5. 형광 태그
형광 문자
<mark>형광 문자 </mark>
6. 주소 태그
서울시 금천구
<address>서울시 금천구</address>
7. 입력한 대로 나오는 태그
입력한대로 그대로
나오는 태그<pre>
입력한대로 그대로
나오는 태그
</pre>
8. Style
- 가고싶은나라
- 한국
- 미국
- 북한
- 먹고싶은메뉴
- 짜장면
- 볶음밥
- 김치
- html이란
- 홈페이지란 만드는 웹표준 언어
<style>
ul, li, dl, dt, dd, ol { border:1px solid red; margin:5px; }
</style>
<body>
<ol type="A" start="3"> 가고싶은나라
<li>한국</li>
<li>미국</li>
<li>북한</li>
</ol>
<ul type="square"> 먹고싶은메뉴
<li>짜장면</li>
<li>볶음밥</li>
<li>김치</li>
</ul>
<dl>
<dt> html이란 </dt>
<dd> 홈페이지란 만드는 웹표준 언어</dd>
</dl>
</body>
9. DTD 선언문
<!DOCTYPE html>
10. 파일 인코딩 방식 지정
<meta charset="UTF-8">
11. 모바일 버전 접속한 장치에 가로크기에 자동 맞춤
content="width=device-width
12. 모바일 버전 손가락으로 확대 가능
user-scalable=yes13. 모바일 웹을 위한 설정
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=yes">
14. 바탕화면 아이콘 등록하기 - IOS
<link rel="apple-touch-icon-precomposed" href="https://s.pstatic.net/static/www/mobile/edit/2019/0520/mobile_android_7272.png">
15. 바탕화면 아이콘 등록하기 - AOS
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico?7">
반응형
'Python_WEB > HTML' 카테고리의 다른 글
| HTML5 - 190602 Basic Study 6(Membership page) (0) | 2019.06.02 |
|---|---|
| HTML5 - 190602 Basic Study 5 (0) | 2019.06.02 |
| HTML5 - 190602 Basic Study 4 (0) | 2019.06.02 |
| HTML5 - 190601 Basic Study 3(Note) (0) | 2019.06.01 |
| HTML5 - 190601 Basic Study 1 (0) | 2019.06.01 |
