HTML 연구 노트 1

이 기사의 내용은 특정 참조 가치가 있는 HTML 학습 노트 1에 관한 것입니다. 이제 모든 사람과 공유합니다. 필요한 친구가 참조할 수 있습니다.

링크를 열어 요약을 알아보세요.

일반적으로 사용되는 HTML 태그 및 설명

1. 기본 형식 프레임워크

<html>
<body>
<h1>标题</h1>
<p>段落</p>
</body>
</html>

2. 텍스트 서식 지정 태그

3. 링크

<b>粗体</b>
<big>大号字</big>
<em>着重字（粗）</em>
<i>斜体字</i>
<strong>加强语气（粗）</strong>
<sub>下标</sub>
<sup>上标</sup>
<ins>插入字</ins>
<del>删除字</del>

, href = 하이퍼링크 , target="_blank"는 파일을 새 창에서 여는 것을 의미합니다.

참고: 둘 사이에 공백을 사용하세요.

name 속성을 사용하는 특별한 경우가 있는데, 이는 name 속성으로 정의된 앵커로 점프할 수 있습니다.

<a href="URL" target="_blank"> this is a link </a>

앵커를 인용할 때는 이름 앞에 #을 추가하세요.

4. 이미지

<a name="tips">基本的注意事项 - 有用的提示</a>
.
.
.
<a href="#tips">跳转到tips标签处</a>

그 중 src는 이미지의 주소를 저장합니다.

alt 속성은 이미지를 로드할 수 없을 때 표시되는 텍스트 설명을 나타냅니다. 너비와 높이는 이미지의 길이와 너비를 설정하는 데 사용됩니다.

또한 이미지에는 이미지 테두리의 너비를 지정하는 데 사용되는 테두리 속성이 있습니다.

5. 일반적인 속성 변경 방법 - style

<img src="boat.gif" alt="Big Boat" width="104" height="102" />

그 중 background-color는 배경색을 설정하는 데 사용됩니다.

font-family는 글꼴을 설정하는 데 사용됩니다. color는 (제목) 글꼴 색상을 설정하는 데 사용됩니다.

font-size는 글꼴 크기를 설정하는 데 사용됩니다.

text-align: center.

6. 인용문

첫 번째 유형:

은 ""와 동일합니다.

<body style="background-color:yellow">
<h2 style="font-family:arial;color:red;font-size:20px;text-align:center;">
标题
</h2>
</body>

두 번째 유형: 긴 인용, 자동 들여쓰기, 인용은 출처 주소를 나타냅니다(생략 가능).

<q>所要引用的话</q>

세 번째 유형: 약어 위에 마우스를 올리면 전체 내용, 즉 제목이 표시됩니다.

<blockquote cite="URL">......</blockquote>

네 번째 유형: 주소(연락처 정보), 자동 이탤릭체로 표시되고 앞뒤에 자동으로 줄 바꿈이 추가됩니다.

<abbr title="world health organization">WHO</abbr>

<br/>

다섯 번째 유형: 책 제목, 자동 이탤릭체.

<address>我是地址</address>

스페셜, 양방향 재작성, dir="rtl"은 오른쪽에서 왼쪽으로 작성됩니다

<cite>老人与海</cite>

7 컴퓨터 코드

<bdo dir="rtl">从右向左</bdo>

three 공백이나 줄 바꿈이 모두 유지됩니다. 텍스트의 원래 형식을 유지하려면 네 번째 방법인 줄 바꿈을 e03b848252eb9375d56be284e690e873 사용하세요.

8. 이미지 맵 만들기

<kbd>键盘输入</kbd>
<samp>计算机输出示例</samp>
<code>代码</code>
<pre class="brush:php;toolbar:false">文本

数学公式

그 중 dab9f699790ab0922e596ecb9f6677d5은 일반적으로 정의되는 id 및 name 속성을 포함하여 이미지 맵을 정의합니다. 이미지 지도를 정의합니다. 클릭 가능한 영역에는 다음 속성이 포함됩니다.

모양은 영역의 모양을 지정합니다.

z는 반경을 나타냅니다.

a1f02c36ba31691bcfe87b2722de723b 이는 맵의 id 또는 name 속성을 나타냅니다.

9. 기타

076402276aae5dbec7f672f8f4e5cc81-------줄 바꿈

fa8fd94cc4b4d9671e4ee513ae2a31d1-------가로 line

ad6f0b63d20ae03f4718c0a3da8961a0---------댓글

위 내용은 HTML 연구 노트 1의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：