Skip to content

html1



html简介

HTML是用来描述网页的一种语言,被称为超文本标记语言!用HTML编写的文件,后缀以.html结尾 TML是一种标记语言,标记语言是一套标记标签。标签是由尖括号包围的关键字。

盒模型:1.内容模型

      2.边框模型

HTML5的<u>DOCTYPE</u>声明(文档声明不区分大小写) <u>DOCTYPE</u>是document type(文档类型)的缩写。<u>``<!DOCTYPE html>``</u>是H5的声明位于文档的最前面,处于标签之前。 他是网页必备的组成部分,避免浏览器的怪异模式(不同游览器,代码呈现的效果可能不同) <DOCTYPE htm1>

截图

HTML5基本骨架

截图

html基础标签

html标签 定义HTML文档,这个元素我们浏览器看到后就明白这是个HTML文档了,所以你的其它元素要包裹在它里面,标签限定了文档的开始点和结束点。

截图

head标签

head标签用于定义文档的头部。文档的头部描述了<u>文档的各种属性和信息</u>,包括文档的标题、在Web中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

截图

body标签

body元素定义文档的主体。 body元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。) 它会直接在页面中显示出来,也就是用户可以直观看到的内容

截图

截图

title标签

1.可定义文档的标题。 2.它显示在浏览器窗口的标题栏或状态栏上。

3.title标签是head标签中唯一必须要求包含的东西,就是说写head一定要写title里

4.title的增加有利于SEO优化 SEO是搜索引擎优化的英文缩写,通过对网站内容调整,满足搜索引擎的排名需求

截图

截图

meta标签

meta标签(<u>单标签</u>)用来描述一个HTML网页文档的属性,关键词等,例如:charset="utf-8"是说当前使用的是utf-8<u>编码格式</u>,在开发中我们经常会看到ut-8,或是gbk,这些都是编码格式,通常使用utf-8

截图

截图

标签属性

html5规定标签名一律小写 htm5不区分大小写

属性定义注意事项: 1.属性名小写 2.属性值要用双引号包裹 3.属性名必须是字母开头,不能使用空格或者其 他除下划线、中横杠以外的特殊字符

公共属性 每一个标签都可以定义的属性:

1.id定义唯一标识 2.class定义类名 3.name定义名称 4.style定义行内样式 5.title定义划过气泡提示

html注释(快捷键ctrl+/)

<!-注释内容-> 支持单行多行,可以折行,如下:

快捷键ctrl+/

注意:注释不要嵌套

行内叫内联标签

内联标签无法设置宽高

div标签

可设置宽高

截图截图

a标签

a标签可以用来跳转的 ,链接、本地文件写双引号里面可以跳转

截图截图

button标签

原生按钮标签,创建可交互的按钮(如提交,充值,触发)

不可设置宽高

截图


截图

不换行:

行块标签

换行:

块标签,内联标签(不独占一行)

不可以设置宽高:

button标签

路径:

相对路径-----截图 (在同一盘或者文件夹内,不用前面的C/D盘和同样路径的文件夹)

绝对路径C/D盘------本地路径