html笔记1分析和总结.docx

Html 笔记 Html 介绍 Html 是一种描述网页语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) 什么是超文本? 超文本指的是网页上可以包含图片，视频，连接信息。什么是标记 标记也叫做标签，所以我们所说的标签书写是内容. 什么语言 语言就是一种交流工具，html 是我们用户与浏览器之间交互工具。 简单说，html 是由浏览器解析执行的，它不会将 html 标签展示出来， 而是会解析 html 标签，以特定效果展示出来。 关于 html 书写规范 html 可以直接使用文本编辑器来编写 html 文件它的后缀名是.htm 或.html 一个标准的 html 页面它的标准格式 html head/head body/body /html html标签它代表当前页面是一个 html head标签中可以声明 html 页面的相关信息 body标签中它主要是用于显示页面信息标签要有开始，有结束。 开始标签与结束标签中的内容是标签的内容，如果没有标签内容，可以让标签自关闭 br/ 大多数标签它具有属性,属性值要使用引号引起来。 html 它本身是不区分大小写的。 文件标签 html 代表当前书写的是一个 html 文档 head存储的本页面的一些重要的信息，它不会显示 head标签下有一个子标签title它是用于定义页面的标题的。 body书写的内容会显示出来Body 标签的属性 text 用于设置文字颜色 bgcolor 用于设置页面的背景色 background 用于设置页面的背景图片 关于 html 颜色取值 Html 中的颜色由红色、绿色、蓝色混合而成。 在 html 中书写颜色的方式有三种: 直接书写颜色单词 red green yellow blue 等 通过 16 进制描述 #FFFFFF 白色 #FF0000 红色 #00FF00 绿色 可以通过 rgb(0,0,0)这样方式 排版标签 Html 注释 br/标签 Br 标签就是一个换行功能标签 p标签 在 p 标签中的内容,会在开始与结束之间产生一个空白行，并且它会自动换行. 常用属性 align 它的作用是设置段落中的内容对齐方式 可取值有 left right center hr标签 Hr 标签会在页面上产生一个水平线对于 hr 标签它有常用属性: align:可取值有 left right center 代表水平线位置 size 代表水平线宽度width:代表水平线和长度color:水平线的颜色 关于 html 中数值取值 有两种方式: 直接设置值，默认单位是 px （像素） HR WIDTH=”200” 可以设置百分比 HR WIDTH=”35%” div标签 Div 是一个块标签 Div 与 css 结合，会更好对页面进行排版。 span标签 Span 标签也是一个块标签Div 与 span 区别: Div 会自动换行,我们也叫这样的标签为行级元素Span 标签它不会自动换行 ，我们也叫它为行内元素 字体标签 font标签 Font 标签可以设置字体，字的大小及颜色。常用属性 Face:用于设置字体，例如 宋体 隶书 楷体 Size:用于设置字的大小Color:用于设置字的颜色 标题标记 h1 h6 H1 最大 h6 最小，它们代表的是标题 可以使用bi对文字设置加粗或倾斜。 注意:在 html 中允许标签进行嵌套的，但是一般都包裹嵌套，而不可以进行交叉嵌套 清单标记(列表标记) 有序清单 ol 常用属性 start 属性: 代表开始的数目 type 属性: 代表序号方式可以取值有 1 a A i I 无序清单 ul 常用属性 type：代表清单符号效果，可以取值有 disc(默认) circle square Li 标签是指清单项 Li 标签也具有属性 type value Type 属性是用于设置无序清单Value 属性是用于设置有序清单。 图形标签 它可以让我们在网页引入一张图片 img 常用属性 src 代表的图片的路径 width 图片的宽度 height 图片的高度 border 用于设置图片的边框 alt 如果图片不可以显示时，默认显示的文本信息 align 图片附件文字的对齐方式 可取值有 top bottom left right middle 默认是 bottom 超连接标签 a标签,可以实现跳转到其它页面操作. 超链接内容不仅可以是文本，也可以是图片等信息常用属性: href 代表的我们要跳转的路径 name 属性 可以让我们在本页面设置一个锚点 注意:通过超链接要想跳转到本页面指定的锚点位置，必须在前面加上#号。 #号其实代表的就是本页面。 a href=”#”取消超链接的点击效果