前端菜鸟入坑之HTML
HTML 基础学习
注意：学习内容均来自[http://www.runoob.com/html]，如有侵权请联系删除。
HTML：
超文本标记语言（HyperText Markup Language，简称：HTML），不是一种编程语言，而是一种用于创建网页的标准标记语言。可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。
20180913小记：
（一）
- HTML文档以
开头，以结尾，为文档的主题。 - 通用声明：
。 - 牵扯到中文乱码需声明
。 - HTML空元素，没有内容的 HTML 元素被称为空元素，例如
，一般于元素结束前使用”/”关闭元素，例如。 - HTML不区分大小写，但是最好使用小写标签。养成良好习惯，如果元素不关闭，一般浏览器都可兼容，但是可能会产生一些意想不到的结果和错误。
- HTML属性，以name=”value”形式存在，需注意引号的使用，eg:
。 - HTML中的id属性在单页面中应该元素名唯一；
- HTML链接元素
，发送邮件：发送邮件：mailto:[email protected] 邮件接收地址；[email protected] 抄送地址；[email protected] 密件抄送地址；subject=subject text 邮件主题；body=body text 邮件内容。注：多个邮件地址用 ; 隔开，空格用 %20 代替。 - HTML头部：
</code> - 定义了HTML文档的标题； <code><base></code> - 定义页面中所有链接默认的链接目标地址； <code><meta></code> - 用于描述HTML文档的描述，关键词，作者，字符集等。</strong></li> <li><strong><code><head></code>元素包含了所有的头部标签元素。在<code><head></code>元素中你可以插入脚本（scripts）、样式文件（CSS）、及各种meta信息。可以添加在头部区域的元素标签为:<code><title></code>、<code><style></code>、<code><meta></code>、<code><link></code>、<code><script></code>、<code><noscript></code>、<code><base></code>等；</strong></li> <li><strong><a href="http://img.e-com-net.com/image/info8/b6d1ee48c6e4489c98bb8e98afaaa5a7.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/b6d1ee48c6e4489c98bb8e98afaaa5a7.jpg" alt="前端菜鸟入坑之HTML_第2张图片" title="" width="650" height="295" style="border:1px solid black;"></a></strong></li> <li><strong><a href="http://img.e-com-net.com/image/info8/754ffb1ab7b14214a9dde0781e54a1f6.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/754ffb1ab7b14214a9dde0781e54a1f6.jpg" alt="前端菜鸟入坑之HTML_第3张图片" title="" width="650" height="451" style="border:1px solid black;"></a></strong></li> <li><strong>每30秒钟刷新当前页面：<code><meta http-equiv="refresh" content="30"></code>。</strong></li> <li><strong><code><link></code>标签可用于控制页面title旁的图片：</strong></li> <li><code><head> <br> <link rel="shortcup icon" href="https://csdnimg.cn/public/favicon.ico"> <br> <title>这是一个带图片的title标签
（二）
- HTML样式 – CSS（为了更好的渲染HTML元素而引入），添加方式如下：
- 内联样式- 在HTML元素中使用”style” 属性
- 内部样式表 -在HTML文档头部
区域使用