美文网首页四期学习小组
第三节 HTML标签中

第三节 HTML标签中

作者: 哈哈super | 来源:发表于2017-04-14 20:38 被阅读9次

1.body标记

 所有文本、图像、音频和视频等信息都必须位于<body>标记内,<body>标记中的信息才是最终展示给用户看的。

一个html文档中只有一对body标记−且<body>标记必须在<html>标记内,位于<head>头部标记之后,与<head>标记是并列关系。

2.标题标签

h1~h6 字体从大到小  注意 只有<h1><h1>~<h6></h6>

注意:标题标签之嵌套行内标签

3.段落标记,行内标签

<p>我是段落</p>

水平线标记<hr/>

换行标记<br/>

<em> 定义着重文字

<strong> 定义家中语气

<sub>定义下标字

<sup>定义上标字

<del>定义删除字

3.超级链接标签a 行内标记

<a href="www.baidu.com">百度</a>

href属性 指向跳转的地址

#空链接 

target属性:_blank新窗口打开  _self原窗口打开 默认值

锚点链接

通过创建锚点链接,用户能够快速定位到目标内容。

创建锚点链接分为两步:

l使用“<a href="#id名">链接文本”创建链接文本。

l使用相应的id名标注跳转目标的位置。

4.URL协议

统一资源定位符

常见的协议:http、https、ftp、迅雷协议等

5.路径

相对路径:/  ../  ../../    不带有盘符

绝对路径:C:\Users\   带有盘符的路径

6.图片格式

gif: 色彩效果最低,支持透明,支持动画,适合颜色比较少,不适合渐变色。常用于logo

jpg

色彩还原高,适合复杂颜色图片,比如banner

png

清晰,无损压缩,压缩比率很高,可渐变透明,具备几乎所有GIF的优点;缺点是不如JPG的颜色丰富,同样的图片体积也比JPG略大

总结:

gif和png基本差不多,色彩比较少的直接gif,如果图片动画用gif。对色彩要求高的用jpg。

7.图片标签的使用

<img src="" title="图片的标题" alt="当图片不显示的时候,会显示alt属性的文本">

Src:图片的网站。

Alt:图片不显示的时候,会显示alt属性的文本

Title:对网站的seo有很大的影响。当鼠标移上去的时候,图片显示的tip提示文本内容。

相关文章

  • 第三节 HTML标签中

    1.body标记 所有文本、图像、音频和视频等信息都必须位于 标记内, 标记中的信息才是最终展示给用户看的。 一个...

  • html表单

    html5 中的标签 其他标签 html中的属性

  • html中a标签

    此标签中,href属性是必须要写的,其属性值一般有以下几点用法: 1、超链接 2、锚点定位 此用法指的是给标签(比...

  • HTML知识点总结

    html结构 html标签,在HTML中一个网页时从HTML开始,到HTML结束 HTML中head标签中的的...

  • CSS选择器

    标签选择器(html中的标签名称) id选择器(html标签中绑定的id名) 类选择器(html标签中绑定的cla...

  • 网页设计:HTML常用的五种标签

    div标签 p标签 span标签 a标签 img标签 html:超级文本标记语言 1,div标签: 是在html中...

  • HTML笔记-- 其他常用标签

    HTML笔记-- 其他常用标签 标签(空格分隔): HTML html中其他常用标签: b:加粗 s:删除线 u:...

  • 03.图像标签img

    1.图像标签简介 在 HTML 标签中, 标签用于定义 HTML 页面中的图像。 src 是 标签的必须属性,它...

  • 08.js获取标签中的内容

    //获取标签中的HTML内容 console.log($('#outer').html()) //获取标签中的文本...

  • 常用标签

    所有的网页的内容都需要编写到html标签中,一个页面中html标签只能有一个。 html标签中有两个...

网友评论

    本文标题:第三节 HTML标签中

    本文链接:https://www.haomeiwen.com/subject/jwdgattx.html