HTML5基础知识

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

Html5·J S基础

Html5是超文本标记语言,不属于编程语言。

Html5不考虑对IE9及以下版本的支持。

1.html5基础

div布局中设置浮动:float: right;

清除浮动:clear: both;

表格布局中合并2个单元格:colspan="2"

要在网页上显示预留关键字可以直接百度HTML实体。

XHTML的语法和书写格式更加严格规范。

1.1.html基础格式

//声明:html各版本的声明方式不同,这里是html5版本

//en表示英文,zh表示中文

//编码格式

叉叉学院

大叉叉家族

hello //这里的两排文字是没有格式的,不会分两排显示,可使用换行符

大狗狗

//html标题

大豚豚

hello dachacha

//html段落

hello //这里的两排文字是有格式的,会分两排显示

百度一下 //html链接

//html图片

换行符:hello dachacha
hello dagou

1.2.html标签属性

1)通用属性:

class:规定元素的类名

id:规定元素唯一ID

style:规定元素样式

title:规定元素的额外信息

2)键/值属性:

打开本地

点击打开本地,进入href_file.html。href="#"表示点击链接后跳转到自身

3)常用属性:

:align对齐方式,有right,left,center

title

:bgcolor背景颜色,颜色是十六进制符号来定义的

background背景,如background="image01.jpg"

:target规定在何处打开链接。_blank:在新页面打开(浏览器的新页面)

_self:在当前页面打开(当前框架页面)

_top:在顶级页面打开(相当于浏览器当前页面)

_parent:在父级页面打开(承载当前框架的框架内打开)打开本地

1.3.html格式化

定义粗体文本

定义删除字

定义着重字

定义斜体字

定义小号字

定义加重语气

定义下标字

定义上标字

定义插入字

欢迎来到叉叉学院

1.4.html样式

1)外部样式表

创建外部样式文件mystyle.css然后在head中引用该样式:

2)内部样式表

直接将外部样式文件的内容写到head中,p标签装的是需要改变样式的文本

3)内联样式表

直接在标签内定义格式

叉叉学院

1.5.html链接

文本链接:百度一下

图片链接:点击图片进入链接

img中若添加属性alt="chachalogo"则当image01不存在时,会显示alt里面的内容name标签:在页面内部跳转,点击跳转到,则跳转到hello

hello











跳转到

1.6.html表格

定义表格

定义表格的行

定义表格的页眉

定义表格的主体

定义表格的页脚

定义表格的列属性

定义表格标题

定义表格的表头

定义表格的单元

//表格边框2,单元格边距9

//标题

//定义行

//定义表头

//单元格

大叉叉学院成员表
组号成员
001