본문 바로가기

Python_WEB/HTML

HTML5 - 190601 Basic Study 2

반응형

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

    가고싶은나라
  1. 한국
  2. 미국
  3. 북한
    먹고싶은메뉴
  • 짜장면
  • 볶음밥
  • 김치
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=yes


13. 모바일 웹을 위한 설정

<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 2  (0) 2019.06.01
HTML5 - 190601 Basic Study 1  (0) 2019.06.01