HTML基础(上)

·meata标签的作用:指定当前网页的字符集

在网页中常见的字符集有两个:GBK(GB2312)/UTF-8

GBK(GB2312)里面存储的字符比较少,仅仅存储了汉字和一些常用的外文;体积小

UTF-8里面存储了世界上所有的文字;体积大

HTML5支持的两种指定页面使用的字符集的方式:

使用Content-Type指定字符集

直接使用charset指定字符集


有些标签功能比较简单.使用一个标签即可.这种标签叫做自闭和标签.例如: <br/><hr/><input/><img/>

<head>标签

<title>

<base/>(通过base标签设置链接的默认地址)

<link/> : 引用外部文档,常见于引用外部样式。重要属性有三个:rel、href、type

rel  规定文档与被链接文档之间的关系。

  rel="dns-prefetch"  预先解析缓存文档中使用的域名,目的是为了提高网页访问速度。

  rel="shortcut icon"或rel="icon"  在收藏和标题栏上用于显示的图标。

  rel="stylesheet"  引用外部样式表。

  rel="nofollow" 用于<a>标签,用于指示搜索引擎不要追踪(爬虫抓取),减少垃圾链接。

href  资源的路径(相对路径/绝对路径)

type  规定被连接文档的MIME类型,用于明确文件的打开方式。


<meta/> 

定义关于HTML文档的元数据。 重要的属性有三个:http-equiv、name、content

http-equiv  把content属性值关联到http头部。

name也可以根据特定的功能自定义,在新浪网中有使用360认证和搜狐认证

content  定义与http-equiv或name属性相关的元信息,是必要的属性。

<body>标签

1,块级标签和内联标签

2,基本标签

<p>: 段落标签. 包裹的内容被换行.并且也上下内容之间有一行空白.

    style="text-indent: 2em"可以设置样式为首行缩进两个字符。

    <blockquote></blockquote>可以用来设置整个段落的缩进。

<b> <strong>: 加粗标签.

<strike>: 为文字加上一条中线.

<u>: 文字下方加下划线.

<em> <i>: 文字变成斜体.

<sup>和<sub>: 上角标 和 下角标.

<br>:换行.

<hr>:水平线.

<div>

        块级标签。块级标签常用于布局,行级标签常用语显示内容。

      div的显示通常使用id或class来标识。id为唯一的标签标识,class为标签的类标识。

      div的大小是由内容来决定的,默认情况下,高度由内容的高度决定,宽度适应屏幕。

      可以容纳其他元素,是一个容器。

<span>

3,特殊符号

4,<a>超链接标签(锚标签)

重要属性有三个:href、target、name

href="#"时,表示被链接页面就是当前页面。

5,<img>图形标签

行级标签,用来显示图片。

重要属性有:src、title、alt、width、height、align。

6,列表标签

<ul>无序列表 <ol>有序列表  <dl>定义列表

7,<table>表格标签

<tr> 表格的数据行,table row

<th> 表格的表头名称,与不同在于文字采用加粗居中的形式显示,table head cell

<td> 单元格,用来显示表格内容,table data cell

rowspan 单元格竖跨多少行,作用在th或者td上

colspan 单元格横跨多少列(即合并单元格),作用在th或者td上

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

推荐阅读更多精彩内容