Html常用标签(1)
重新整理学习下前端知识从Html标签开始。我们先看HTML 骨架格式：
标题
雨点的名字
1）head可以存放的标签：title , meta , base , style , script , link
2）body可以存放的标签：p , h , a , b , u , i , s , em , del , ins , strong , img等等
一、head内标签
1、meta标签
概念 meta可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
1)、charset属性
单独使用，设置文档字符及编码格式
2）、name属性
需配合content属性使用，主要用于给搜索引擎提供必要信息
写法：重要属性值：
author 作者 。声明网站作者，常用公司网址表示
keywords 网站关键字。多个关键字，用英文逗号分隔
description 网页描述。搜索引擎显示在title下的描述内容
示例
2、base 标签
base作用：他可以设置整体链接的打开状态。
head还有一些其它标签这里先先不写。
二、body内标签
1、排版标签
概念：排版标签主要和css搭配使用，显示网页结构的标签，是网页布局最常用的标签。
2、文本格式化标签
概念 : 在网页中，有时需要为文字设置粗体、斜体或下划线效果，这时就需要用到HTML中的文本格式化标签，使文字以特殊的方式显示。
和
和
b i s u 只有使用 没有 强调的意思 strong em del ins 语义更强烈
3、图像标签img
概念 HTML网页中任何元素的实现都要依靠HTML标签，要想在网页中显示图像就需要使用图像标签。
图片标签一些常用属性
| 属性 | 值 | 描述 |
|---|---|---|
| src | topbottommiddleleftright | 规定显示图像的 URL。 |
| alt | Text | 图像不能显示的的替代文本。 |
| title | 文本 | 定义图像的高度。 |
| width | pixels% | 设置图像的宽度。 |
| height | pixels% | 设置图像的高度。 |
| border | 数字 | 定义图像周围的边框 |
| ismap | URL | 将图像定义为服务器端图像映射。 |
| longdesc | URL | 指向包含长的图像描述文档的 URL。 |
| usemap | URL | 将图像定义为客户器端图像映射。 |
4、链接标签
1)实现链接跳转
基本语法格式如下：
文本或图像href：用于指定链接目标的url地址，当为标签应用href属性时，它就具有了超链接的功能。
target：用于指定链接页面的打开方式，其取值有 _self 和 _blank 两种，其中 _self 为默认值，_blank为在新窗口中打开方式。
百度
网易title属性设置当鼠标放到超链接上时显示的文字。
2)通过a标签实现锚点定位
概念 通过创建锚点链接，用户能够快速定位到目标内容。
创建锚点链接分为两步：
1.使用“a href=”#id名>“链接文本"创建链接文本。
2.使用相应的id名标注跳转目标的位置。示例
网页定位
这里是顶部
原创作者：蜗牛
原创作者：蜗牛
返回顶部
当点击 返回顶部，页面会定位在id=“top”标签的位置。这就是通过id属性定位，这里网页中放的东西很少，效果不明显。
3)通过a标签实现下载
注意可以实现点击链接自动下载文档，和压缩文件。
下载
点击下载文档
点击下载压缩文件
点击图片
注意 上面不能实现下载图片，上面操作只会打开图片。想要实现图片的下载需要修改如下
点击图片
body内还有其它标签下篇补上。
你如果愿意有所作为，就必须有始有终。(1)