HTML
Hyper Text Mark-up Language（超文本标记语言）
超文本：超链接
标记语言：由标记（标签）构成的语言
一个简单的例子
<!DOCTYPE html><html lang="en"> <!--html根标签，代表html文档的开始和结束--><head> <!--html的头部分，设置网页属性，可以设置标题--><meta charset="UTF-8"><title>Hello World!</title></head><body> <!--html的正文部分，放置想要在页面上显示的内容--><!--在HTML中不支持空格、制表符、回车--><h1 id="静夜思">静夜思</h1> <!--不分开始和结束的标签，自闭合标签--><p> <!--段落标记，有上下边距即行间距--><font color="red" size="12">床</font>前明月光，<br /> <!--指定字体的颜色、大小-->疑似地上霜，<br />举头望明月，<br />低头思故乡，<br /></p><hr /> <!--分隔符--><b>哈哈</b><br /> <!--加粗-->H<sub>2</sub>O<br /> <!--下标-->2<sup>3</sup><br /> <!--上标--></body></html>
转义字符
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>转义字符</title></head><body>哈 哈<br /> <!--空格-->a<b c>d<br /> <!--大于小于需要转义，有可能误当成标签-->1<3>2<br /> <!--标签里不可以是数字，所以这样写直接就是< >--></body></html>
列表和图形
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>列表标签</title></head><body><h2 id="爱好">爱好</h2><ul type="square"> <!--无序列表--><li>抽烟</li><li>喝酒</li><li>打游戏</li></ul><hr><ol type="A" start="10"> <!--有序列表，从A的后十位开始--><li>小明</li><li>小强</li><li>小军</li></ol><hr><dl><dt>水果</dt><dd>苹果</dd><dd>草莓</dd><dd>香蕉</dd><dt>零食</dt><dd>辣条</dd><dd>奥利奥</dd><dd>绿豆糕</dd></dl><!--图形标签，border是边界，alt是加载不出来显示，title是鼠标放置时显示的--><img src="/static/imghwm/default1.png" data-src="image.png" class="lazy" border="1" style="max-width:90%" style="max-width:90%" alt="HTML" title="我是一张普通的图片"></body></html>
超链接
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>超链接</title></head><body><!--a超链接标签，href用于指定链接，以下的网页在同一文件夹内，traget的_blank不覆盖当前页面，而是打开新的页面--><!--href由协协议名+协议内容组成--><a href="排版标记.html" target="_blank">点我跳转</a><br /><a href="https://www.baidu.com">百度</a><br /><a href="mailto:haiyu19931121@163.com" target="_blank">联系我们</a><br /><a href="thunder://abcdefg.mp4" target="_blank">下载</a><br /><a name="回来"></a><img src="/static/imghwm/default1.png" data-src="image.png" class="lazy" border="1" style="max-width:90%" style="max-width:90%" alt="HTML의 소개와 사용법" ><br /><img src="/static/imghwm/default1.png" data-src="image.png" class="lazy" border="1" style="max-width:90%" style="max-width:90%" alt="HTML의 소개와 사용법" ><br /><img src="/static/imghwm/default1.png" data-src="image.png" class="lazy" border="1" style="max-width:90%" style="max-width:90%" alt="HTML의 소개와 사용법" ><br /><img src="/static/imghwm/default1.png" data-src="image.png" class="lazy" border="1" style="max-width:90%" style="max-width:90%" alt="HTML의 소개와 사용법" ><br /><img src="/static/imghwm/default1.png" data-src="image.png" class="lazy" border="1" style="max-width:90%" style="max-width:90%" alt="HTML의 소개와 사용법" ><br /><img src="/static/imghwm/default1.png" data-src="image.png" class="lazy" border="1" style="max-width:90%" style="max-width:90%" alt="HTML의 소개와 사용법" ><br /><img src="/static/imghwm/default1.png" data-src="image.png" class="lazy" border="1" style="max-width:90%" style="max-width:90%" alt="HTML의 소개와 사용법" ><br /><a href="#回来">回到顶部</a> <!--#表示使用本地超链接--></body></html>
表格
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>表格标签</title></head><body><!--cellpadding是文字距离内边框的距离，cellspacing是内边框和外边框的距离--><table border="1" cellspacing="0" width="200"><tr> <!--tr表示行--><th>姓名</th> <!--表头，自带居中和加粗--><th>年龄</th></tr><tr><td>小红</td> <!--td表示列--><td>13</td></tr><tr><td>小强</td><td>15</td></tr></table></body></html>
border是最外边的蓝线的宽度，不要理解成了内外边框的距离，cellspacing才是。
框架标签
如用一个页面来显示3个页面，共需要四个。用4.html来显示其他三个
4.html
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title></head><frameset rows="30%, 70%"> <!--上下比例3:7--><frame src="1.html" /> <!--占了30%--><frameset cols="30%, 70%"> <!--左右比例3:7--><frame src="2.html" /> <!--占30%--><frame src="3.html" name="_mine"/> <!--占70%，name为_mine,方便点击2.html中的超链接转到3.html中显示--></frameset></frameset></html>
1.html
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title></head><body><h1 id="首页">首页</h1></body></html>
2.html
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title></head><body><h1 id="首页">首页</h1></body></html>
3.html
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>表格标签</title></head><body><!--cellpadding是文字距离内边框的距离，cellspacing是内边框和外边框的距离--><table border="1" cellspacing="0" width="200"><tr> <!--tr表示行--><th>姓名</th> <!--表头，自带居中和加粗--><th>年龄</th></tr><tr><td>小红</td> <!--td表示列--><td>13</td></tr><tr><td>小强</td><td>15</td></tr></table></body></html>
表单标签
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>表单</title></head><body><!--form标识表单范围--><form action="#"> <!--action决定提交的位置，还没学服务器，先提交给自己，没什么意义--><!--input type:决定输入类型 name:提交的键 size:文本输入框的长度 maxlenght:显示文本框输入长度（能输入的字符个数） readonly:只读，不能修改，不影响提交 disable:禁用，被禁用的表单项不会提交。所有的input属性都能用 form action：提交的地址 method：提交的方法 get: 1、将键值对拼接在url地址 2、安全性不太好 3、提交的长度有限 post: 1、参数不在url地址 2、安全性比较好 3、理论上提交长度没有限制 -->用户名：<input type="text" name="username" value="admin" disabled="disabled"/><br /> <!--name提交的键-->密码：<input type="password" name="password"/><br /> <!--name提交的键-->性别：男<input type="radio" name="sex" value="male" />女<input type="radio" name="sex" value="female"><br /> <!--name提交的键-->爱好：抽烟<input type="checkbox" name="habit" value="smoke"> 喝酒<input type="checkbox" name="habit" value="drink"> 吃零食<input type="checkbox" name="habit" value="eat"><br />学历：<select name="edu" ><option value="zk">专科</option><option value="bk">本科</option><option value="yjs">研究生</option><option value="bss">博士生</option></select><br />个人说明：<textarea rows="10" cols="30" name="desc">这家伙很懒，什么都没留下</textarea><br />近照：<input type="file" name="file"><br /><!--隐藏了但是能提交--><input type="hidden" name="haha" value="heihei"><input type="submit" /><input type="reset" /></form></body></html>
meta标签
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <!--指定字符集--><meta http-equiv="Refresh" content="3;url="> <!--3秒刷新并定向到百度-->
2017.3.7
by @sunhaiyu
위 내용은 HTML의 소개와 사용법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
HTML超文本标记语言--超在那里？（文档分析）Aug 02, 2022 pm 06:04 PM本篇文章带大家了解一下HTML（超文本标记语言），介绍一下HTML的本质，HTML文档的结构、HTML文档的基本标签和图像标签、列表、表格标签、媒体元素、表单，希望对大家有所帮助！
html和css算编程语言吗Sep 21, 2022 pm 04:09 PM不算。html是一种用来告知浏览器如何组织页面的标记语言，而CSS是一种用来表现HTML或XML等文件样式的样式设计语言；html和css不具备很强的逻辑性和流程控制功能，缺乏灵活性，且html和css不能按照人类的设计对一件工作进行重复的循环，直至得到让人类满意的答案。
web前端笔试题库之HTML篇Apr 21, 2022 am 11:56 AM总结了一些web前端面试（笔试）题分享给大家，本篇文章就先给大家分享HTML部分的笔试题（附答案），大家可以自己做做，看看能答对几个！
HTML5中画布标签是什么May 18, 2022 pm 04:55 PMHTML5中画布标签是“<canvas>”。canvas标签用于图形的绘制，它只是一个矩形的图形容器，绘制图形必须通过脚本（通常是JavaScript）来完成；开发者可利用多种js方法来在canvas中绘制路径、盒、圆、字符以及添加图像等。
html中document是什么Jun 17, 2022 pm 04:18 PM在html中，document是文档对象的意思，代表浏览器窗口的文档；document对象是window对象的子对象，所以可通过“window.document”属性对其进行访问，每个载入浏览器的HTML文档都会成为Document对象。
html5废弃了哪个列表标签Jun 01, 2022 pm 06:32 PMhtml5废弃了dir列表标签。dir标签被用来定义目录列表，一般和li标签配合使用，在dir标签对中通过li标签来设置列表项，语法“<dir><li>列表项值</li>...</dir>”。HTML5已经不支持dir，可使用ul标签取代。
html5支持boolean值属性吗Apr 22, 2022 pm 04:56 PMhtml5支持boolean值属性；boolean值属性指是属性值为true或者false的属性，如input元素中的disabled属性，不使用该属性表示值为flase，不禁用元素，使用该属性可以不设置属性值表示值为true，禁用元素。
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
AI Hentai Generator
AI Hentai를 무료로 생성하십시오.
인기 기사
R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
2 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
Repo : 팀원을 부활시키는 방법
1 몇 달 전By尊渡假赌尊渡假赌尊渡假赌
헬로 키티 아일랜드 어드벤처 : 거대한 씨앗을 얻는 방법
4 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
스플릿 소설을이기는 데 얼마나 걸립니까?
3 몇 주 전ByDDD
R.E.P.O. 파일 저장 위치 : 어디에 있고 그것을 보호하는 방법은 무엇입니까?
3 몇 주 전ByDDD
뜨거운 도구
Dreamweaver Mac版
시각적 웹 개발 도구
SublimeText3 Linux 새 버전
SublimeText3 Linux 최신 버전
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
SublimeText3 영어 버전
권장 사항: Win 버전, 코드 프롬프트 지원!
ZendStudio 13.5.1 맥
강력한 PHP 통합 개발 환경
