728x90
브라우저를 통해서 보여지는 정보들은 body 란 태그를 통해서 시작됩니다.
한줄을 띄고 싶을때,
또는 문단을 구분해서 문장이나 이미지를 배치하고 싶을떄
가장 쉽게 많이들 사용하는 태그들입니다.
실습버튼을 눌러 확인하면서 더 쉽게 html 태그를 공부하세요 !
HTML 핵심 태그로 블로그를 고급지게... 나도 웹 퍼블리셔가 된다!
- HTML 문서 구조 head와 body
- 문단관련 태그 body, br, p div ..
- 목록관련 태그 list, ul, ol, li ..
- 글자관련 태그 h1, h2, h3.. font, sup, sub, strike, cite, code, small, s ..
- 멀티미디어 삽입관련 태그 a, embed, object, img, map, area, applet ..
- 표관련 태그 table, tr, td, th..
- 프레임관련 태그 iframe
- 문서양식 태그 form, input, select textarea ..
문단관련 HTML 태그 - body, br, p div
| 태그 | 역할 | 실습 하기 |
| < body > | 본문(몸체)의 시작과 끝 지정 <예제 코드> <body bgcolor="#ffffff" background="bg1.jpg" text="#0000000"> - bgcolor : 문서배경색 - background : 문서 배경 이미지 - text : 문서 기본 글자색 |
body 실습 클릭 |
| <hr> | 수평선 ( 속성 : size, width, align 등 ) | hr 실습 클릭 |
| <br> | 줄바꿈 | br 실습 클릭 |
| <p></p> | 문단바꿈 | p 실습 클릭 |
| <center></center> | 가운데 정렬-html5에서는 text-align: center | 실습 클릭 |
| <div></div> | 문서를 구분하여 문단별로 정렬 .줄바꿈 됨 (cf:태그는 줄바꿈 안됨) | div 실습 클릭 |
| <pre></pre> | 작성된 내용 그대로 표시, 소스에 표시한 공백이 그대로 표시 | pre 실습 클릭 |
초등, 중학 html 코딩교육 시작 프젝트
728x90
728x90
'IT잡학사전 > Python HTML etc' 카테고리의 다른 글
| HTML coding 코딩 표만들기 실습 - table, tr, td, th..(#6) (0) | 2023.01.07 |
|---|---|
| HTML coding 코딩 실습 - 이미지삽입 img, map, area, applet ..(#5) (0) | 2023.01.07 |
| HTML coding 코딩 실습 - 글자크기, 폰트, 특수문자,sup,sub.. (#4) (0) | 2023.01.07 |
| 웹 퍼블리셔 시작은 HTML tag 태그 부터 web publisher (0) | 2023.01.07 |
댓글