티스토리 뷰

카테고리 없음

웹표준 HTML 기초

빠른정보 2019. 9. 21. 20:57

◇ 많이 사용하는 DTD 선언 - 웹표준 문서에는 반드시 !DOCTYPE 지정해주시길

[[ HTML5 ]]










[[ XHTML ]]
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">






XHTML은 웹표준이 잘 되어 코딩 기준. HTML5는 확장성이 넓습니다

※ 마크업시 중요한 기본 3가지 규칙을 알아보자면!!
첫번째, 태그의 시작이 있으면 끝이 있습니다. <>
두번째, 태그처럼 self close하는 태그가 있는데, 이를 empty tag(빈 태그)라 하고.
닫는 태그가 없다.
세번째, 속성의 값은 반드시 " " 안에 넣는것입니다. ' ' 로 처리해주셔도 되요.


안에 들어가는 태그 중 많이 사용되는 것 - , , <script>, <style></p><p> <hr> : 단락 구분<br> <br> : break. 줄바꿈해줄 때<br> <h1> ~ <h6> : 중요도 우선. <h1>은 회사 로고에 많이 표시 하고 있습니다.</p><p> ◎ Edge 체크는 '7' 로 - 우리나라는 IE 7 사용자가 아직 많은것으로 나타남.</p><p> ◎ 무료호스팅 이용 = 닷홈. 100MB</p><p> ◎ 서버 접속하면 "/" 와 "html" 디렉토리 존재<br> html 디렉토리 안에 홈 설정하는 index.html을 넣는다.<br> <br> ◎ html 디렉토리 내에 common<br> html<br> images 의 3가지 디렉토리 생성.<br> / 아래 html( public_html)은 기본으로 설정되는 디렉토리로 경로 설정해서는 생략합니다. </p><p> html/html/sss.html을 브라우저에서 보려면 경로설정시 html/sss.html</p><p>-------------------------------------------------------------------------------------------------<br> ◎ block 요소와 inline 요소<br> block은 앞뒤 줄바꿈이 생성된다는점 기역하시고. <div><br> inline은 줄바꿈이 안된다. <span><br> 테두리를 둘러보면 블럭, 인라인 모두 사각형 모양이나 블럭은 100% 꽉찬 사각형이, 인라인은 내용만큼만 사각형이 <br> 만들어진다. 블럭은 width, height 값을 지정하면 적용되지만, 인라인은 안되요.<br> <br> 아래 예를 브라우저에서 보면 </p><p><br> <!DOCTYPE html><br> <html lang="ko"><br> <head><br> <meta charset="utf-8" /><br> <title>div
<br> div{border:1px solid red; width:200px; height:100px;} <- div, span 각각의 속성값 지정<br> span{border:1px solid blue; width:200px; height:100px;}<br>


나는 block
1

나는 block 2

<- 띄어쓰기도 하고, 줄바꿈없이
댜양한 형태로 입력해 봄
나는
inline 1


나는
inline 2



저작자표시
댓글