> 웹 프론트엔드 > HTML 튜토리얼 > HTML 연구 노트 1

HTML 연구 노트 1

不言
풀어 주다: 2018-04-19 14:29:40
원래의
1675명이 탐색했습니다.

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

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

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

1. 기본 형식 프레임워크

<html>
<body>
<h1>标题</h1>
<p>段落</p>
</body>
</html>
로그인 후 복사

<br/>

2. 텍스트 서식 지정 태그<br/>

<br/>3. 링크

<b>粗体</b>
<big>大号字</big>
<em>着重字(粗)</em>
<i>斜体字</i>
<strong>加强语气(粗)</strong>
<sub>下标</sub>
<sup>上标</sup>
<ins>插入字</ins>
<del>删除字</del>
로그인 후 복사
<br/>

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

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

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

<a href="URL" target="_blank"> this is a link </a>
로그인 후 복사

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

<br/>4. 이미지

<a name="tips">基本的注意事项 - 有用的提示</a>
.
.
.
<a href="#tips">跳转到tips标签处</a>
로그인 후 복사
그 중 src는 이미지의 주소를 저장합니다. <br/>

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

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

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

<br/>

<img src="boat.gif" alt="Big Boat" width="104" height="102" />
로그인 후 복사

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

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

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

text-align: center.

<br/>

6. 인용문

첫 번째 유형:

은 ""와 동일합니다.

<body style="background-color:yellow">
<h2 style="font-family:arial;color:red;font-size:20px;text-align:center;">
标题
</h2>
</body>
로그인 후 복사
<br/>

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

<q>所要引用的话</q>
로그인 후 복사

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

<blockquote cite="URL">......</blockquote>
로그인 후 복사
<br/>네 번째 유형: 주소(연락처 정보), 자동 이탤릭체로 표시되고 앞뒤에 자동으로 줄 바꿈이 추가됩니다.

<abbr title="world health organization">WHO</abbr>
로그인 후 복사
<br/>
로그인 후 복사

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

<address>我是地址</address>
로그인 후 복사

<br/>

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

<cite>老人与海</cite>
로그인 후 복사

<br/>

7 컴퓨터 코드<br/>

<bdo dir="rtl">从右向左</bdo>
로그인 후 복사

<br/> three 공백이나 줄 바꿈이 모두 유지됩니다. 텍스트의 원래 형식을 유지하려면 네 번째 방법인 줄 바꿈을

 사용하세요. 

<br/>

8. 이미지 맵 만들기<br/>

键盘输入
计算机输出示例
代码
文本
数学公式
로그인 후 복사


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

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


                              z는 반경을 나타냅니다.




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



9. 기타



<br/>-------줄 바꿈



-------가로 line

---------댓글

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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿