> 웹 프론트엔드 > H5 튜토리얼 > HTML5 연구 노트(2) - 요소, 속성 및 서식에 대한 자세한 소개

HTML5 연구 노트(2) - 요소, 속성 및 서식에 대한 자세한 소개

黄舟
풀어 주다: 2017-03-16 15:33:38
원래의
1604명이 탐색했습니다.

HTML 요소 . 내용이 없는 HTML 요소를 빈 요소라고 합니다. 빈 요소는 여는 태그에서 닫힙니다.



은 닫는 태그가 없는 빈 요소입니다(
태그 정의 래핑).

XHTML, XML

및 향후 버전의 HTML에서는 모든 요소를 ​​닫아야 합니다.
开始(开放)标签 元素内容 结束(闭合)标签

this is my web page


와 같이 여는 태그에 슬래시를 추가하는 것은 빈 요소를 닫는 올바른 방법이며 HTML, XHTML 및 XML에서 허용됩니다.


는 모든 브라우저에서 유효하지만
를 사용하는 것은 실제로는 장기적인 보장입니다.

HTML 요소 구문

요소의 내용은 시작 태그와 끝 사이의 내용입니다. 태그 빈 요소는 여는 태그에서 닫힙니다.

대부분의 HTML 요소는
속성

중첩 HTML 요소

대부분의 HTML 요소는 중첩될 수 있습니다

<p>Hello world, <a>找度娘</a></p>
로그인 후 복사

HTML 속성


1. 태그에는 요소에 대한 추가 정보를 제공하는 속성이 있을 수 있습니다. 2. 속성은 다음과 같이 키-값 쌍의 형태로 나타납니다. href = "www.cnblogs. www/winsoncheung " 3. 일반적으로 사용되는 태그 속성: >

 :target은 연결을 열 위치를 지정합니다

4. 공통 속성:

<!DOCTYPE html><html><head>
    <meta charset="UTF-8">
    <!--id规定元素唯一ID-->
    <title id="1223">基础</title>
    <!--style规定元素的样式-->
    <style type="text/css"></style></head><body bgcolor="#5f9ea0">
    <h1 align="center">标题1</h1>
    <a href="index02.html" target="_blank">打开本地</a>
    <!--class规定元素类名-->
    <h2 class="h2ID">标题2</h2></body></html>
로그인 후 복사

HTML格式化


文本格式化标签:

< a href="//m.sbmmt.com/wiki/164.html" target="_blank">클래스

요소의 클래스 이름 제공
id요소의 고유 ID 지정
스타일요소의 스타일 지정
제목요소에 대한 추가 정보를 지정합니다
标签描述
定义粗体文本。
定义大号字。
定义着重文字。
定义斜体字。
all>定义小号字。
定义加重语气。
定义下标字。
定义上标字。
定义插入字。
定义删除字。
不赞成使用。使用 代替。
不赞成使用。使用 代替。
不赞成使用。使用样式(style)代替。

“计算机输出”标签:

标签描述
定义计算机代码。
定义键盘码。
定义计算机代码样本。
定义打字机代码。
定义变量
</td><td style="margin-left: 30px">定义预格式文本。</td></tr><tr style="margin-left: 30px"><td style="margin-left: 30px"><<a href="//m.sbmmt.com/wiki/1059.html" target="_blank">list</a>ing></td><td style="margin-left: 30px">不赞成使用。使用 <pre class="brush:php;toolbar:false"> 代替。</td></tr><tr style="margin-left: 30px"><td style="margin-left: 30px"><plaintext></td><td style="margin-left: 30px">不赞成使用。使用 <pre class="brush:php;toolbar:false"> 代替。</td></tr><tr style="margin-left: 30px"><td style="margin-left: 30px"><xmp></td><td style="margin-left: 30px">不赞成使用。使用 <pre class="brush:php;toolbar:false"> 代替。</td></tr></tbody></table><p style="margin-left: 30px; text-align: left;"><a href="//m.sbmmt.com/wiki/231.html" target="_blank">引用</a>、引用和术语定义</p><table style="margin-left: 30px; height: 261px; width: 331px"><tbody style="margin-left: 30px"><tr style="margin-left: 30px" class="firstRow"><th style="margin-left: 30px">标签</th><th style="margin-left: 30px">描述</th></tr><tr style="margin-left: 30px"><td style="margin-left: 30px"><abbr></td><td style="margin-left: 30px">定义缩写。</td></tr><tr style="margin-left: 30px"><td style="margin-left: 30px"><acronym></td><td style="margin-left: 30px">定义首字母缩写。</td></tr><tr style="margin-left: 30px"><td style="margin-left: 30px"><address></td><td style="margin-left: 30px">定义地址。</td></tr><tr style="margin-left: 30px"><td style="margin-left: 30px"><bdo></td><td style="margin-left: 30px">定义文字方向。</td></tr><tr style="margin-left: 30px"><td style="margin-left: 30px"><blockquote></td><td style="margin-left: 30px">定义长的引用。</td></tr><tr style="margin-left: 30px"><td style="margin-left: 30px"><q></td><td style="margin-left: 30px">定义短的引用语。</td></tr><tr style="margin-left: 30px"><td style="margin-left: 30px"><cite></td><td style="margin-left: 30px">定义引用、引证。</td></tr><tr style="margin-left: 30px"><td style="margin-left: 30px"><dfn></td><td style="margin-left: 30px">定义一个定义项目。</td></tr></tbody></table><p style="margin-left: 30px; text-align: left;"> 代码示例:</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;"><!DOCTYPE html><html><head>
    <meta charset="UTF-8">
    <title id="1223">格式化</title></head><body>
    <b>My name is Winson</b>
    <br/>
    <big>Welcome to my blog~</big>
    <br/>
    <i>Hello, visitor!</i>
    <br/>
    <small>我很小, 你看不见 看不见</small>
    <br/>
    <strong>太显眼了</strong>
    <br/>
    大家好<sub>欢迎</sub>来到    <br/>
    大家好<sup>欢迎</sup>来到    <br/>
    <ins>Come on! girls!</ins>
    <br/>
    <del>Hei! girl!</del></body></html>
로그인 후 복사


위 내용은 HTML5 연구 노트(2) - 요소, 속성 및 서식에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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