<head>에 제목
<title>제목</title>
문장에 다중적용
<p style="font-family: courier; font-size: 200%; color: yellow">
단락에 다중적용
<!-- 좌우정렬 -->
<p style="text-align: center;"> 여기가 P Tag </p>
<!-- div로 범위를 묶어 중간정렬 -->
<div align="center">
<font size="6"> 6size font</font>
<p>p tag 입니다</p>
</div>
<!-- 파란색 테두리선 스타일은 솔리드, 테두리 왼쪽 밖에 여백 칸 띄우기,
첫줄 위 여백공간 만들기, 테두리박스 안 색채우기 -->
<div style="border-style: solid; border-color: blue;
margin-left: 20px; padding-top: 30px; background-color: #ffff00">
<h1> hi tag입니다</h1>
<p> p tag입니다</p>
</div>
<!-- 크기조절 -->
<h4 style="font-size: 300%"> H4 Tag 입니다</h4>
<!-- 글자폰트변경 -->
<h3 style="font-family: verdana"> H3 Tag 입니다</h3>
<!-- 글자배경색채우기 -->
<h2 style="background-color: #00ff00"> H2 Tag 입니다</h2> <!-- ff는 이진수로 255 : Green 색 -->
<!-- 글자색바꾸기 -->
<h1 style = "color : white"> H1 Tag 입니다 </h1>
<!-- 제곱근 표시/ 주석글자 설정 -->
<p>이것은 <sub>아래첨자</sub> 입니다</p>
<p>이것은 <sup>윗첨자</sup> 입니다</p>
<!-- 글자에 중간선그어 삭제표시 -->
<p> 보시는 글은 <del>삭제</del>된 글 입니다</p>
<!-- 형광펜 표시 -->
<h2>Html <mark>Makeup</mark> language</h2>
<!-- 강조 태그 -->
<p> 나는 성공할 것 입니다. 그 점을 <em>강조</em>하고 싶습니다</p>
<밑줄>
<p> 보시는 글은 <ins>밑줄쳐진</ins> 글 입니다</p>
<작은글자>
<p> 보시는 글은 <small>작은글자</small> 입니다</p>
<!-- 기울기 텍스트 -->
<p><i>이탤릭 텍스트</i></p>
<!-- 굵게, 글자 크게 -->
<p style="font-size: 200%"><b>p+ attribute + bold</b></p>
<!-- /b, strong는 볼드 -->
<p><b>두꺼운 텍스트</b></p>
<p><strong>strong 텍스트</strong></p>
<문자위의 문자>
ruby 루비문자 선언 태그
rt 위에 위치하는 큰 문자 태그
rp ruby태그를 지원 할 경우 출력되지 않는 태구
<body>
<ruby>
<span>大韩民国</span>
<rt>대한민국</rt>
</ruby>
</body>
<목록>
'HTML' 카테고리의 다른 글
Form, name소스 (0) | 2020.07.07 |
---|---|
Form 실습 (0) | 2020.07.07 |
링크,이미지 소스 / iframe : 웹페이지 안의 웹페이지 (0) | 2020.07.07 |
테이블셋팅 소스 (0) | 2020.07.07 |
테이블, 게시판 기본 (0) | 2020.07.07 |