본문 바로가기

HTML

텍스트 소스

<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