시작에 앞서 이런글을 쓰게된 계기는
/* ======================================================== */
"Hyper Text Mark-up Language" 의 약자 인데 말그대로
마크업 언어 (마크업 정보를 표현하는 언어로 문서의 내용 이외의 문서의 구조나 서식같은 것을 포함한다)
HTML은 프로그래밍 언어가 아니다.
솔직히 이런거 몰라도 상관없다.
간단하게 설명하자면 웹을 이루는 뼈대를 말한다.
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Hello, HTML!</title> </head> <body> Hello, HTML! </body> </html> |
HTML5로 작성한 Hello, HTML!
저장방법은 간단하다. 위의 코드를 메모장에 붙혀넣고
다른 이름으로 저장 선택후 확장자명을 .html 또는 .htm 이라 적으면된다. (대부분 .html)
이렇게 간단히 제작할수있다.
위의 코드를 보면 <?> 이렇게 생긴것들은다 "태그" 라한다.
또 <?> 이렇게 시작하고 </?>이렇게 끝나는 태그가 있고,
<?> 이렇게 끝나는 태그도있다.
각 태그마다 특성이있고 사용법이 있다.
<body></body> 태그 사이에 아래의 태그를 넣고 직접 태스트해보면 좋다.
- <h1>안녕</h1>
- <div>상자</div>
- <p>글자</p>
- <img src="http://www.dogdrip.net/files/attach/images/64764172/dogdrip_c.gif" alt="개드립" title="개드립">
- <input type="text">
- <button>전송</button>
- <a href='http://www.dogdrip.net'>개드립으로~</a>
이정도만 알아도
웹이 어떻게 구성되는지 머리속에서 그려질거라 생각한다!
/* ======================================================== */
필력이 안좋아도 이해해주세요..
31개의 댓글
무분별한 사용은 차단될 수 있습니다.
어니부비
시민룰루
자바스크립트
수면벌레
치킨전사
자바스크립트
치킨전사
마리한화
마리한화
마리한화
치킨전사
마리한화
난 커뮤니티는 안써봣는데 얼티메이트 보다 인텔리지가 훠어어어신 편했어
마리한화
헬조선반도
자바스크립트
수면벌레
HTML5라면 XHTML하고 큰 차이가 있자나
기본적으로 내가 학원에서 배웠던 것들은
<header>태그나 아티클 혹은 섹션등을 html5부터 쓰기시작했다던지,
뭔가 의도랑 취지는 좋은데 넘나 짧다.
저 정도 내용만으로 머리속에 그려지기는 쉽지 않지, div의 개념적인 부분등에 대해서 설명을 해주는게 좋을거같네,
긴간
css이런것들이 어떻게 유기적으로 연결되서 웹페이지 화면을 만드는지
서버는 어떻게 서비스를 하는지 이런거 글 올려 줄 수 없을까?
여기저기 주워들어서 이것저것 겉핡기식으로 알고 있는데 정리가 안된다
nerid
리리
DB에서 내용을 뽑고 문서화 해서 PC로 보내는 역할이 서버사이드 스크립트(jsp,asp,php등)
PC에서 사람이 알아볼수 있는 문서로 만들어주는게 html
그 문서를 보기 편하게 디자인해주고 만들어주는게 css,js 등
이걸 모두 합쳐서 웹프로그래밍언어라고 함
어랏
도모르겠다
나모 2.0? 3.0? 쓸때 신세계였는데
CGI지원 안하는거 빼면 지렸는데
리리
어중E
헛소리만주절주절
자바스크립트
리리
문제는 그 html을 제대로 사용하려면 css,js를 배워야하는데 이게 양이 너무 방대함
자바스크립트
리리
<?> 이렇게 끝나는 태그는 없음. 닫는 태그가 없는경우 <? />이렇게 써야함
<input /><br /><hr /> 등등
자바스크립트
앜키라이프
rombardi
저때 너무 신기하고 재미있어서
책사보고 했던 기억이