1

HTML(超文本标记语言,hypertext marked language

Web标准

因为不同浏览器有不同内核,对相同代码可能有不一样的解析结果,为使不同浏览器对相同代码,展示相同效果,故而制定Web标准。

Web标准为一集合,分为结构标准(.html文件),样式标准(.css),行为标准(.js)。通俗点讲三个标准的功能分别为框架、装饰、功能。

初识HTML

HTML:通过HTML标签对网页中的文本,图片,视频等进行描述。(用文本来表示带有标签的语言)

HTML语法格式:

<html> 根标签

<head> 头标签

<title> 主题标签<title>

</head>

<body> 主题标签

</body>

</html>

练习一 html标签
1.png

用代码标签表示网页组成元素 例如<img>表示图片标签

标签有两种关系:嵌套合和并列

在开发工具sublime中,tml骨架快捷键:html:5+tab或者!+tab

<!DOCTYPE html> 用于向浏览器说明现在使用的是html5文档

字符集-8包含了所有国家文字所需要的字符

标签语义化指的是标签的含义。

Html标题标签 :缩写<h1>共有六个等级可用,其中<h1>等级最高,少用,一般用于logo。

<p> </p>段落标签


横线标签
换行标签 没有语义的两个标签:<div> </div> 分割,分区 <span> <span>跨度,其为网络布局的两个盒子

都有加粗功能,但后者有强调语义

倾斜,同上

<s></s>删错线,同上

<u></u><ins></ins>下划线,同上

标签的属性

属性即特性。 <标签名 属性1=“属性值1” 属性2=“属性值2”…> </标签名> eg:属性可以为width,colour等,省略该属性则取默认值。

图像标签

<img />,为单标签

基本图像插入方式:src,描述图像路径

图像不能现实时替换文本alt

鼠标悬停时显示内容title

设置图像宽度width

设置图像高度height

设置图像边框宽度border

Eg:<img sr=”one.jpg” alt=”这是我的大头贴” title=”刘德华照片” width=”590” border=”10”/>

注:图片会等比例缩放,长和宽设置一个即可

链接标签

<a/> anchor

Href,hypertext reference缩写,意为超文本引用,可添加网站视频图片等

Target,用于指定链接打开方式,取值有self(为默认值),blank在新窗口打开

文本、图像、网站名

注:外部链接需要添加 http://www.baidu.com

内部链接直接链接内部页面名称即可如


qluknight
1 声望1 粉丝