2020-05-25

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> 区域

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。