HTML学习(一)
首先给给不同浏览器初始化,让解析效果达到更一致的效果;
<html> 元素是 HTML 页面的根元素;
<meta charset="utf-8"> charset 属性规定 HTML 文档的字符编码,是HTML5中的新属性,且替换了:<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">。charset 属性可以通过任意元素上的 lang 属性来重写。常用的值:UTF-8 - Unicode 字符编码,ISO-8859-1 - 拉丁字母表的字符编码,在理论上,可以使用任何字符编码,但并不是所有浏览器都能够理解它们。某种字符编码使用的范围越广,浏览器就越有可能理解它。
<head> 元素包含了文档的元(meta)数据
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题
<p> 元素定义一个段落
ps:在浏览器的页面上使用键盘上的 F12 按键开启调试模式,就可以看到组成标签。
<a href="https://www.runoob.com/" target="_blank" rel="noopener noreferrer">访问菜鸟教程!</a>使用 target 属性,你可以定义被链接的文档在何处显示。
<img src="/images/logo.png" width="258" height="39" /> HTML图像是通过标签<img>来定义的。
<hr> 标签在 HTML 页面中创建水平线
<!--...-->定义注释
<p>这是<br>段落<br>分行</p> 插入单个折行(换行)
<b>这个文本是加粗的</b>
<strong>这个文本是加粗的</strong>
<big>这个文本字体放大</big>
<em>这个文本是斜体的</em>
<i>这个文本是斜体的</i>
<small>这个文本是缩小的</small>
这个文本包含<sub>下标</sub>
这个文本包含<sup>上标</sup>
<ins> <del>插入 删除
<code>代码
<kbd>键盘码
<samp>代码样本
<var>定义变量
<pre>定义预格式文本
<abbr>定义缩写
<address>定义地址
<bdo>文字方向
<blockquote>长的引用
<q>短的引用语
<cite>定义引用,引证
<dfn>定义一个定义项目?(不太懂)
HTML <head> 元素
<head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本(scripts), 样式文件(CSS),及各种meta信息。
可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>。
HTML <title> 元素
<title> 标签定义了不同文档的标题。
<title> 在 HTML/XHTML 文档中是必须的。
<title> 元素:
定义了浏览器工具栏的标题
当网页添加到收藏夹时,显示在收藏夹中的标题
显示在搜索引擎结果页面的标题
HTML <base> 元素
<base> 标签描述了基本的链接地址/链接目标,该标签作为HTML文档中所有的链接标签的默认链接
HTML <link> 元素
<link> 标签定义了文档与外部资源之间的关系。
<link> 标签通常用于链接到样式表
HTML <style> 元素
<style> 标签定义了HTML文档的样式文件引用地址.
在<style> 元素中你也可以直接添加样式来渲染 HTML 文档
HTML <meta> 元素
meta标签描述了一些基本的元数据。
<meta> 标签提供了元数据.元数据也不显示在页面上,但会被浏览器解析。
META 元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据。
元数据可以使用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他Web服务。
<meta> 一般放置于 <head> 区域