[html] html 코드 쳐보기, 시작하기!
| 코드 | | |
| <!dotype html> | 현재 사용하는 html의 버전 dotype는 5 |
| <html> | 태그열기(시작) |
| <head> | html 코드 안에 작성된 내용, 속성, 기능, 환경설정 담당 |
| <meta charest = "utf-8"> | charset => 언어설정, 기본설정은 영어 다른언어로 변경시 사용 |
| | utf=8 => 한국어설정 코드 |
| | meta => 단일태그로 닫지 않아도 됨, 헤드에 들어가는 태그로 기능 설정시 사용. 적는 내용에 따라 역할이 달라진다. |
| <title> 처음 만드는 문서 html 문서 </title> | |
| .another_category {
border: 1px solid #E5E5E5;
padding: 10px 10px 5px;
margin: 10px 0;
clear: both;
}
.another_category h4 {
font-size: 12px !important;
margin: 0 !important;
border-bottom: 1px solid #E5E5E5 !important;
padding: 2px 0 6px !important;
}
.another_category h4 a {
font-weight: bold !important;
}
.another_category table {
table-layout: fixed;
border-collapse: collapse;
width: 100% !important;
margin-top: 10px !important;
}
* html .another_category table {
width: auto !important;
}
*:first-child + html .another_category table {
width: auto !important;
}
.another_category th, .another_category td {
padding: 0 0 4px !important;
}
.another_category th {
text-align: left;
font-size: 12px !important;
font-weight: normal;
word-break: break-all;
overflow: hidden;
line-height: 1.5;
}
.another_category td {
text-align: right;
width: 80px;
font-size: 11px;
}
.another_category th a {
font-weight: normal;
text-decoration: none;
border: none !important;
}
.another_category th a.current {
font-weight: bold;
text-decoration: none !important;
border-bottom: 1px solid !important;
}
.another_category th span {
font-weight: normal;
text-decoration: none;
font: 10px Tahoma, Sans-serif;
border: none !important;
}
.another_category_color_gray, .another_category_color_gray h4 {
border-color: #E5E5E5 !important;
}
.another_category_color_gray * {
color: #909090 !important;
}
.another_category_color_gray th a.current {
border-color: #909090 !important;
}
.another_category_color_gray h4, .another_category_color_gray h4 a {
color: #737373 !important;
}
.another_category_color_red, .another_category_color_red h4 {
border-color: #F6D4D3 !important;
}
.another_category_color_red * {
color: #E86869 !important;
}
.another_category_color_red th a.current {
border-color: #E86869 !important;
}
.another_category_color_red h4, .another_category_color_red h4 a {
color: #ED0908 !important;
}
.another_category_color_green, .another_category_color_green h4 {
border-color: #CCE7C8 !important;
}
.another_category_color_green * {
color: #64C05B !important;
}
.another_category_color_green th a.current {
border-color: #64C05B !important;
}
.another_category_color_green h4, .another_category_color_green h4 a {
color: #3EA731 !important;
}
.another_category_color_blue, .another_category_color_blue h4 {
border-color: #C8DAF2 !important;
}
.another_category_color_blue * {
color: #477FD6 !important;
}
.another_category_color_blue th a.current {
border-color: #477FD6 !important;
}
.another_category_color_blue h4, .another_category_color_blue h4 a {
color: #1960CA !important;
}
.another_category_color_violet, .another_category_color_violet h4 {
border-color: #E1CEEC !important;
}
.another_category_color_violet * {
color: #9D64C5 !important;
}
.another_category_color_violet th a.current {
border-color: #9D64C5 !important;
}
.another_category_color_violet h4, .another_category_color_violet h4 a {
color: #7E2CB5 !important;
}
"}"></head> | |
| <body> | 사용자에게 보여지는 화면의 내용, 콘텐츠로 본문구성 |
| <p> 환영합니다.</p> | 문단구성, 웹페이지에 보여지는 내용 |
| 환영환영 | 띄어쓰기 없이 보여짐 |
| </body> | 태그닫기 |
| </html> | 태그닫기 |
| 개념 | tag? | 명령어의 집합
여는 태그와 닫는 태그로 구성되어 있으며, 단독으로 이용하는 태그도 있다.
태그에 주는 다양한 옵션은 모두 여는 태그에 지정하며 닫는 태그는 태그 효과가 적용되는 범위의 끝을 나타내는 기능만 한다. |
사업자 정보 표시
소진플라워 | 강소진 | 경기도 남양주시 도제원로 19 104동 205호 (강남아파트) | 사업자 등록번호 : 392-02-01810 | TEL : 010-2112-5976 | Mail : sojinflwer.love@gmail.com | 통신판매신고번호 : 2019-진건퇴계원-0407호 | 사이버몰의 이용약관
바로가기
