HTML5 연구 노트(2) - 요소, 속성 및 서식에 대한 자세한 소개-H5 튜토리얼-php.cn

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 이전 기사：HTML5 연구 노트(1) - HTML5 이해 다음 기사：HTML5 연구 노트(3) - HTML5 스타일, 연결 및 테이블 코드에 대한 자세한 설명 본 웹사이트의 성명 본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요. 저자별 최신 기사 자신만의 PHP 프레임워크를 처음부터 구축하는 방법에 대한 비디오 자료 2023-03-15 16:54:01 PHPMailer가 QQ 메일함을 사용하여 이메일 전송 기능을 완성하는 방법에 대한 분석 예 2023-03-15 12:26:02 PHP의 IMAP에서 이메일을 받는 방법 소개 2023-03-14 18:58:01 PHP에서 배열 중복 제거를 신속하게 구현하는 방법의 예 2023-03-14 11:30:01 HTML에서 태그의 모든 속성 사용 요약 1970-01-01 08:00:00 PHP에 대한 기본 지식 요약(초보자가 시작하는 데 필요함) 2023-03-16 15:20:01 JavaScript에서 typeof 사용 소개 1970-01-01 08:00:00 JavaScript의 verify() 메소드 사용 소개 1970-01-01 08:00:00 HTML5 자리표시자 속성에 대한 자세한 소개 1970-01-01 08:00:00 ReactJS의 양식에서 단일 선택, 다중 선택 및 역선택을 구현하는 방법 1970-01-01 08:00:00 최신 이슈 CSS에서 부동 요소를 수평이 아닌 수직으로 쌓는 방법은 무엇입니까? 한쪽에는 기본 콘텐츠가 있고 다른 한쪽에는 추가 콘텐츠가 있는 두 개의 열로 구성된 웹페이지를 만들려고 합니다. 하지만 float 속성을 사용하여 추가 열을 왼쪽... 에서 2024-04-06 20:45:26 0 2 386 웹사이트에서 입력 요소를 가져올 수 없습니다. 그래서 Twitter에서 입력 요소를 가져오려고 하는데 실행하면 노드 터미널에서 계속 이런 오류가 발생하고 결과적으로 이 코드로 생성된 브라우저 창이 저절로 닫힙... 에서 2024-04-06 18:59:57 0 1 442 문자열을 HTML 코드(배열에서 생성됨)로 바꾸는 최상위 방법 다음과 같은 문자열이 주어지면...$htmlPattern="Usernameis:#name#andusercompanyis#company#";하위 ... 에서 2024-04-06 17:40:41 0 2 410 잘못된 React 하위 요소(발견: {clientVersion} 키가 있는 개체) 하위 요소 컬렉션을 렌더링하려면 대신 배열을 사용하세요. 다단계 양식이 있는데 제출하려고 하면 이 오류가 표시됩니다. 그러나 간단한 형태로 createOrganization 스케줄링을 사용하면 작동합니다. 백엔드 문제인... 에서 2024-04-06 16:25:39 0 1 346 Imagick, Adobe Photoshop 및 Windows 비교 - 해상도 감지(센티미터당 픽셀 또는 인치당 픽셀) 이것은 질문이 아니라 DPI가 다양한 파일 형식으로 저장되는 방식에 대한 이해를 높이고 그것이 작동하는 이유에 대해 논의하려는 시도입니다. 저는 이미지(JPG, ... 에서 2024-04-06 16:01:27 0 1 397 관련 주제 더> Java에서 배열 요소의 최대값과 최소값을 찾는 방법 기사 태그 속성 소개 포맷 후 데이터를 복구하는 방법 포맷 후 js 코드가 실행되지 않는 문제를 해결하는 방법 HTML 형식화 방법 Go에서 연결리스트를 구현하는 방법 C언어에서 배열의 길이를 구하는 방법 Python에서 int() 함수의 역할 인기 추천 h5는 무엇입니까? 코드를 이해하지 못하는 경우 h5 페이지를 만드는 방법은 무엇입니까? 추천 H5 페이지 제작 플랫폼 html5의 새로운 기능은 무엇입니까 h5 페이지 제작이란 무엇입니까? h5와 미니프로그램의 차이점은 무엇인가요? 인기 튜토리얼 더> 관련 튜토리얼 인기 추천 최신 강좌 최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일) 1416684 PHP 입문 튜토리얼 1: 일주일 안에 PHP 배우기 4257202 JAVA 초보자용 비디오 튜토리얼 2474871 Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼 503283 PHP 제로 기반 입문 튜토리얼 844027 최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일) 1416684 학습 시간 JAVA 초보자용 비디오 튜토리얼 2474871 학습 시간 Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼 503283 학습 시간 웹 프론트 엔드 개발에 대한 빠른 소개 215253 학습 시간 PS 비디오 튜토리얼을 처음부터 마스터하세요 876606 학습 시간 [웹 프런트엔드] Node.js 빠른 시작 6335 학습 시간 해외 웹 개발 풀스택 강좌 총집합 4958 학습 시간 Go 언어 실습 GraphQL 4163 학습 시간 550W 팬 마스터가 JavaScript를 처음부터 차근차근 학습합니다 633 학습 시간 기초 지식이 전혀 없는 초보자도 6시간 만에 시작할 수 있는 파이썬 마스터 모쉬 21217 학습 시간 최신 다운로드 더> 웹 효과 웹사이트 소스 코드 웹사이트 자료 프론트엔드 템플릿 [양식 버튼] jQuery 기업 메시지 양식 연락처 코드 [플레이어 특수 효과] HTML5 MP3 뮤직 박스 재생 효과 [메뉴 탐색] HTML5 멋진 입자 애니메이션 탐색 메뉴 특수 효과 [양식 버튼] jQuery 시각적 양식 드래그 앤 드롭 편집 코드 [플레이어 특수 효과] VUE.JS 모방 Kugou 음악 플레이어 코드 [HTML5 특수 효과] 클래식 HTML5 푸시 박스 게임 [그림 특수 효과] 이미지 효과를 추가하거나 줄이기 위해 jQuery 스크롤 [사진 앨범 효과] CSS3 개인 앨범 커버 호버 확대/축소 효과 [프런트엔드 템플릿] 가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿 [프런트엔드 템플릿] 신선한 색상의 개인 이력서 가이드 페이지 템플릿 [프런트엔드 템플릿] 디자이너 크리에이티브 작업 이력서 웹 템플릿 [프런트엔드 템플릿] 현대 엔지니어링 건설 회사 웹사이트 템플릿 [프런트엔드 템플릿] 교육 서비스 기관을 위한 반응형 HTML5 템플릿 [프런트엔드 템플릿] 온라인 전자책 쇼핑몰 웹사이트 템플릿 [프런트엔드 템플릿] IT 기술로 인터넷 회사 웹 사이트 템플릿을 해결합니다. [프런트엔드 템플릿] 보라색 스타일 외환 거래 서비스 웹 사이트 템플릿 [PNG 소재] 귀여운 여름 요소 벡터 자료(EPS+PNG) [PNG 소재] 4개의 빨간색 2023 졸업 배지 벡터 자료(AI+EPS+PNG) [배너 그림] 노래하는 새와 꽃 디자인 봄 배너 벡터 자료로 가득 찬 카트(AI+EPS) [PNG 소재] 황금 졸업 모자 벡터 자료(EPS+PNG) [PNG 소재] 흑백 스타일 산 아이콘 벡터 자료(EPS+PNG) [PNG 소재] 다양한 색상의 망토와 포즈를 갖춘 슈퍼히어로 실루엣 벡터 자료(EPS+PNG) [배너 그림] 플랫 스타일 식목일 배너 벡터 자료(AI+EPS) [PNG 소재] 9개의 만화 스타일의 폭발적인 채팅 거품 벡터 자료(EPS+PNG) [프런트엔드 템플릿] 가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿 [프런트엔드 템플릿] 신선한 색상의 개인 이력서 가이드 페이지 템플릿 [프런트엔드 템플릿] 디자이너 크리에이티브 작업 이력서 웹 템플릿 [프런트엔드 템플릿] 현대 엔지니어링 건설 회사 웹사이트 템플릿 [프런트엔드 템플릿] 교육 서비스 기관을 위한 반응형 HTML5 템플릿 [프런트엔드 템플릿] 온라인 전자책 쇼핑몰 웹사이트 템플릿 [프런트엔드 템플릿] IT 기술로 인터넷 회사 웹 사이트 템플릿을 해결합니다. [프런트엔드 템플릿] 보라색 스타일 외환 거래 서비스 웹 사이트 템플릿 회사 소개 부인 성명 Sitemap PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！