HTML是网页语言(超文本标记语言),采用标签格式进行编写
<html>
<body>
<h1> </h1>
<p> </p>
</body>
</html>
如上就是最简单的HTML文档内容,< html> 标签之间描述的代码内容就是描述网页(文档内容),< body>标签之间的文本代表可见的网页文档内容,< h1>代表一级标题,< p>代表一个内容段落
<html>
<body>
<h1> 一级标题 </h1>
<h2> 二级标题 </h2>
<h3> 三级标题 </h3>
<h4> 四级标题 </h4>
<h5> 五级标题 </h5>
<h6> 六级标题 </h6>
</body>
</html>
<a href = "http://www.baidu.com"> 百度搜索 </a>
href属性的值代表连接的URL地址,而标签中的文本是用户HTML页面可见的文字描述
<img src="图像.jpg" width=“100” height=“100” />
<!-- 注释内容 -->
注释的内容不会被HTML页面显示和解析
<html>
<body>
<h1 style="text-align: center"> 主席外交 </h1>
<h2 style="text-align: center"><a href="http://news.cctv.com/2019/08/29/ARTIgMnFeSPUwCgFYYenw4uI190829.shtml">会见菲律宾总统杜特尔特</a></h2>
<hr />
<div style="text-align: center">
<img src="./img.jpg" width="400" height="500" / ><!--载入本地图片 -->
</div>
<div style="background-color: #CDCDC1">
<p style="font-size: 20px"> 杜特尔特祝贺中华人民共和国成立70周年,表示中国成功发展的经验值得菲律宾学习借鉴。他表示,我珍视同*近平主席的亲密友谊。中国对菲律宾很重要,菲中关系是百年大计。我愿同*近平主席经常见面,加强沟通,共同推动两国全面战略合作关系持续强劲发展,实现互利共赢。菲方希望中方继续助力菲经济发展和基础设施建设,感谢中方对菲人权事业、地震灾区重建、反恐、禁毒等方面给予的支持。事实证明,中国是菲律宾真诚的朋友。在香港问题上,菲律宾完全尊重中国的法律以及依法维护法治的权利。</p>
<p style="font-size: 20px"> 杜特尔特表示,我主张选择合作而非对抗的方式和平解决南海争议,维护地区友好合作、和平稳定大局,这符合本地区各方利益。菲方愿同中方加快推进海上油气共同开发。菲律宾作为现任东盟-中国关系协调国,致力于推动各方早日达成“南海行为准则”。</p>
</div>
</body>
</html>
<q>引用内容</q>
<p><abbr title="计算机技术交流站">交流站</abbr></p>
abbr的title属性表示需要缩略的所有内容,文本元素内容表示HTML页面显示的内容
ps:abbr标签的缩略会有下划线显示,而dfn不会有下划线显示
<html>
<body>
<table>
<tr> <td>1</td> <td>W</td> </tr>
<tr> <td>2</td> <td>M</td> </tr>
</table>
</body>
</html>
在table标签定义的时候,默认是没有可见边框的
<html>
<body>
<table border="1"><! -- 边框像素为:1px -->
<tr> <td>1</td> <td>W</td> </tr>
<tr> <td>2</td> <td>M</td> </tr>
</table>
</body>
</html>
表头标签的字体会加粗
< th >标签和< td >标签的应用方法一样,被< tr >标签所包涵
标签 | 描述 |
---|---|
< table > | 定义表格 |
< caption > | 定义表格标题 |
< th > | 定义表头 |
< tr > | 定义表行 |
< td > | 定义单元格 |
< thead > | 定义表格页眉 |
< tbody > | 定义表格主题 |
< tfoot > | 定义表格页脚 |
< col > | 定义表格列属性 |
< colgroup > | 定义表格列的组 |
<ul>
<li> 一 </li>
<li> 二 </li>
</ul>
<ol>
<li>第一列表</li>
<li>第二列表</li>
</ol>
列表是可以嵌套在上一层有序/无序列表中的,形成所谓的二级列表
HTML最常使用< div >元素布局(通过CSS定位)
<frameset cols="40%,60%">
<frame src="**.html">
<frame src="**.html">
</frameset>
cols:垂直(列)分布框架属性;rows:水平(行)分布框架属性
ps:HTML的frame框架是可以拖动的,所以,可以在标签中添加:“noresize属性:noresize=“noresize” ”
属性值的默认单位是像素,也可以用百分比来设定
背景颜色属性将背景设置为某种颜色,属性值可以是十六进制、RGB值或者颜色名(英文)
<body bgcolor="#000000"></body>
<body bgcolor="reb(0,0,0)"></body>
<body bgcolor="black"></body>
背景属性将背景设置为图像,属性值是图像的URL地址(本地地址),如果图像尺寸小于窗口则会自动复制多个图像直至铺满窗口
<body background="**.gif"></body>
<body background="http://****"></body>
<script type="text/javascript">
JavaScript脚本代码;
</script>
type属性值需要符合MIME类型
href:指的是链接的目标地址URL;target:指的是打开目标链接的方法(新窗口或本页显示)
< meta >标签提供关于HTML标签的元数据,元数据不会显示页面上,但是机器可读的;典型情况:meta元素被用于规定页面的描述、关键词、文档的作者、修改时间以及其它元数据;始终位于head元素中
元数据可用于浏览器(如何显示内容或重新加载页面),搜索(关键字)或其它web服务。
< meta >标签的name和content属性的作用是描述HTML页面简介和关键字
HTML有多个不同的版本,只有完全明白页面中使用的确切的HTML版本,浏览器才能完全正确的显示HTML页面,这就是声明的用处。
< !DOCTYPE >不是HTML标签,它为浏览器提供信息声明,即HTML的版本信息。。
显示结果 | 描述 | 实体名称 | 实体编号 |
---|---|---|---|
空格 | |||
< | 小于号 | < | < |
> | 大于号 | > | > |
& | 和号 | & | & |
" | 引号 | " | " |
' | 撇号 | ' (IE不支持) | ' |
¢ | 分(cent) | ¢ | ¢ |
£ | 镑(pound) | £ | £ |
¥ | 元(yen) | ¥ | ¥ |
€ | 欧元(euro) | € | € |
§ | 小节 | § | § |
© | 版权(copyright) | © | © |
® | 注册商标 | ® | ® |
™ | 商标 | ™ | ™ |
× | 乘号 | × | × |
÷ | 除号 | ÷ | ÷ |