HTML 문법정리

Front-End/HTML 2019. 4. 28. 17:46
728x90
반응형

 

 문 법 설 명 
 <title>~</title> 탭 이름을 정할수 있음
 <br> 줄 바꿈 
 <h숫자>~</h같은숫자>  글씨 크기 지정 (1이 제일크고 숫자가 커질수록 글씨 크기 작아짐)
 <p> 한줄 건너뛰고 줄 바꿈 
 <center>~</center> 가운데 정렬시킴 
 <ul>~</ul> 목록 지정 (번호가 없는 목록)
 <li>~</li> 목록안에 객체 지정
 <ol>~</ol> 목록 지정 (번호가 있는 목록) 
 <dl>~</dl> 목록 정의 
<dt>~</dt> <dl>~</dl>안에 쓸 객체 지정 
 <dd>~</dd> <dt>~</dt>안에 있는 객체에 대한 설명 
 <img src="g:/img/coffee_a.jpg" width=250 height=250> 경로에있는 이미지를 삽입하고 크기 지정 
 <a href="g:/htmltest/menu.html" target="_blank"> 다른 파일과 연결하는 하이퍼 링크 태그 삽입 
(blank는 새로운 브라우저로 생성)
 <a href="g:/htmltest/menu.html" target="_self">  다른 파일과 연결하는 하이퍼 링크 태그 삽입 
(self는 기존에 있던 브라우저에서 이동함)
 <audio src="g:/owlcity.mp3" controls>  경로에 있는 음악 삽입
<align="center">, <align="left">, ............ 정렬 시킨다 (중앙, 왼쪽, 오른쪽 등등..)
 <method="post"> 페이지에서 자신이 작성한 값을 암호화한다.
 <method="get">  페이지에서 자신이 작성한 값을 URL에 표기해준다.
<charset=....>  Http client(웹 브라우저)가 받아볼 페이지의 인코딩 방식
 <PageEncoding=....> JSP 파일(페이지)에 기록된 코드 자체의 인코딩 방식
 <!DOCTYPE html...> 웹 문서가 어떤 버전의 HTML언어로 작성되었는지 결정하는 기능 
 <DTD...> 웹 문서의 버전을 웹 브라우저에 전달
 <meta ....>  키워드 검색엔진에 특정 홈페이지 또는 HTML문서에 대한 색인정보.
즉, 키워드와 약간의 정리된 내용(콘텐츠)을 표현하는 HTML Tag이다.
<colspan="숫자"> 숫자 만큼의 칸을 합친다.(가로로) 세로로 정보를 읽고 싶을때 사용 
<input type = "submit" value = " 전송"> 태그내에 입력된 데이터를 서버로 전달하는 기능을 가짐.

 

 

동영상

https://youtu.be/EtLbvFbvI3A

아래 책은 제가 공부할때 활용했던 책으로 추천드리는 책이니 한번씩 읽어보시는것을 추천드립니다!! ㅎㅎ

토비의 스프링 3.1 세트:스프링의 이해와 원리 + 스프링의 기술과, 에이콘출판

이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

728x90
반응형
: