html5与css3常用标签,web开发之Html5+Css3第一章：HTML常用标签

一、 HTML是什么? HTML5又是什么?

HTML是什么？HTML是目前最流行的网页制作语言。HTML(Hypertext Markup Language)即 超文本标记语言，是用于描述网页文档的一种标记语言。网页的本质就是超级文本标记 语言，通过结合使用其他的Web技术可以创造出功能强大的网页。

HTML5是近十年来Web开发标准最巨大的飞跃。和以前的版本不同，HTML 5并非仅仅用来表示 Web内容，它的新使命是将Web带入一个成熟的应用平台，在HTML 5平台上，视频， 音频，图像，动画，canvas/SVG 地图技术，以及同电脑的交互都被标准化。

二、 了解html css javascript

(1)、HTML : “超”文本 标记“语言” ，结构(HyperText Markup Language)——网页基础，结构

超文本:超级文本

标记:<>

语言:沟通交流(打交道)的工具

双标签：

　　单标签：

(2)、CSS:层叠样式表(Cascading Style Sheets)——修饰、美化网页 (化妆师)

1.#box{

2. width : 200px;

3. height : 200px;

4. border:8px solid red;

5.

6.}

(3)、js：脚本语言 (Javascript)(行为)——增加动态交互功能 (魔术师)

1.

以上css、js不是让大家马上学习，而是让大家了解，知道什么是css、js

三 常用标签

div ——————块

img ——————图片(单标签)

a ———————链接、下载、锚点

h1-h6—————-标题

p ———————段落

span —————-区分样式

ul——————–无序列表

ol——————–有序列表

li————————-列表项

dl ——————-定义列表

dt ————————-定义列表标题

dd ————————定义列表项

i ———————定义斜体文字

strong————–强调(粗体)

em ——————强调(斜体)trong 标签和 em标签一样，用于强调文本，但它强调的程度更强一些。

br ———-换行

hr——————定义水平线

四、img图片标签详解

　　

img属性

src -定义图片路径

width -图片宽度,如果只给了width 没给height,height会自等比例缩放

height-图片高度,如果只给了height 没给width,width会自等比例缩放

alt -图片名字 给百度搜索引擎抓取使用(SEO)

title -标题给用户提示信息(有利于用户体验)

五、a标签

a标签功能： 链接 | 下载 | 锚点

链接: href='url' 中url是一个网页地址

相对 URL - 指向站点内的某个文件(href=”./index.html”)

绝对 URL - 指向另一个站点(比如 href=”http://www.baidu.com”)

下载：href=’url’中url链接地址一个软件就会下载

锚点：href=’#ID名’ 锚点

target 链接打开方式

_blank 新窗口(空白页面)

_self 当前窗口

定义默认网页打开方式

六、路径

相对路径 —相对于当前 文档位置出发(推荐使用)

绝对路径—路径名称不能出现中文

本地绝对路径：从盘符出发

D:\a\b\c\d\6.jpg

网络绝对路径：从域名出发

注意=>需要跳到上一级要../ 如果要跳两级../../

七、代码seo方法：

SEO : 搜索引擎优化

一、页面标签语义化；

二、使用对SEO有利的标签： h1/h2/h3/strong/em……

三、提高页面关键词密度；

人打赏

0人 点赞

主帖获得的天涯分：0

举报 |

楼主

|

楼主发言：1次 发图：0张 | 添加到话题 |