315
技术社区[云栖]
HTML 概述
HTML结构
<!DOCTYPE html>必须位于最开始，告诉浏览器页面类型。<html> 与 </html> 之间的文本描述网页
<head> 与 </head> 标签用于定义文档的头部。
下面这些标签可用在 head 部分：<base>, <link>, <meta>, <script>, <style>, 以及 <title>。
下面语句用于5秒后跳转。
<meta http-equiv="Refresh" content="5;url=https://www.w3school.com.cn" />
<body> 与 </body> 之间的文本是可见的页面内容
常用标签
<h1> 与 </h1> 之间的文本被显示为标题有<h1> - <h6> 六级标题。
<p> 与 </p> 之间的文本被显示为段落
段落之间有较大的间距。
<a> 与 </a> 之间的文本被显示为链接
<a>标签中加入属性 可以让链接没有下划线。
<a href="https://baidu.com" target="_blank">点我新窗口到百度</a>
target的其他取值有 _self：自身 _top：顶层框架 _parent：父框架
<span> 是内联元素，可用作文本的容器。当与 CSS 一同使用时，<span> 元素可用于为部分文本设置样式属性。
<div>浏览器会在此元素后换行。
<hr /> 标签在 HTML 页面中创建水平线，用于分隔内容。<br/>换行
<iframe >元素会创建包含另外一个文档的内联框架，即在页面中嵌套展示另一个页面。例：
可以添加此标签的属性隐藏掉边框，用于复用页头、页脚等。
<iframe src="footer.html" frameborder="no" border="0" ></iframe>
注意，嵌套别人的网站时不能修改dom，这是浏览器为了安全做的限制。
<iframe name="footerIframe" src="" ></iframe> <script>window.frames["footerIframe"].//document就得到了嵌套网页的html。</script>
特殊字符
浏览器在显示 HTML 时，会省略源代码中多余的空白字符（空格或回车等）。
作为空格占位符。
© 圆圈内含有C字母的copyRigth版权标志。
注释：<!-- This is a comment -->
标签的属性
<div class="class1" id="id1">当您保存 HTML 文件时，既可以使用 .htm 也可以使用 .html 扩展名。两者没有区别。
图片
HTML 图像是通过 <img> 标签进行定义的。<img src="w3school.jpg" alt=”我的图片” width="104" height="142" />常用格式为GIF 和 JPEG。
音频
<audio src="song.ogg" controls="controls">若不支持显示此文本</audio>
<audio> 与 </audio> 之间插入的内容是供不支持 audio 元素的浏览器显示的。
autoplay="autoplay" 表示加载网页时自动播放。controls="controls"表示显示暂停、静音等控件。
最后更新：2017-04-03 05:40:19