HTML学习笔记

HTML 王慧东 2017/11/6 基础知识 1、html超文本标记语言，标记就是用来描述网页内容的一些特定符号，不 是编程语言，而是一种描述性的标记语言。 2、制作 html 网页文件 a、新建一个记事本文件，将他重命名 *.html b、在里面输入网页的信息内容 c、在要修饰的内容的两侧加 html 标记 3、html 标记的语法标记分为两种单标记、双标记 a、没有结束的标记---单标记 单一型，无属性值，如 单一型，有属性值，如 b、 ---双标记 没有属性值，如 有 属 性 值 注意源代码中的效果，并不是浏览器最终的效果。 4、标记与属性、属性之间以空格分隔，属性不区分先后顺序，且属性不是必须 的。 5、在 xhtml 中，规定，所有 html 标记都要小写，所有标记都要有关闭 html---xhtml --- 6、html 文档结构 所有的网页文件，通常由四对标记来构成，文档的骨架 标识网页文件的开始与结束，所有 html 元素都要放在这对标记中 标识网页文件的头部信息，如标题、搜索引擎的关键字等 标识网页文件的标题 标题 标识网页文件的主题部分 正文 7、meta 标记用于定义文件信息，对网页文件进行说明，便于搜索引擎查找。放 置之间设置关键字 多个关键字内容之间可以用“，”分隔 设置描述 设置作者 设置字符集 设置页面定时跳转 8、注释 9、body 属性 10、html 元素、html 标记、html 标签是一回事 11、默认情况下网页内容与浏览器边框之间有距离，有某些html 元素有默认值 12、网页文件名，在本地可以用汉字（练习.html）将来网页文件都是保存在服务 器上的，一般都用英文。 13、标记 文本 网页中的字体、字号一般通过 CSS 修饰 白色 white FFFFFF 红色 red FF0000 蓝色 blue 0000FF 黑色 black 000000 绿色 green 00FF00 灰色 gray 999999 14、字符格式 加粗文本 倾斜文本 加强语气（加粗）文本 加强语气（倾斜）文本 下划线文本 删除线文本 上标文本 下标文本 15、在写 html 代码时 先写我们的控制内容的标记， 例如 这内容比较重要， 可以在语义上加权 关键字，这部分内容是文章网页的主题建议使用 文章标题 16、网页段落文字内容---- 17、段落标记 left 左对齐（默认） center 居中 right 右对齐 18、html 标记之间嵌套使用，一层套一层不会出现错误，但是不能交叉嵌套 19、网页优化核心用适合的 html 标记去描述网页内容 20、段落标题 段落标题说明 x 取值[16] hx 内的文本会自动加粗显示。 hx 针对的对象是段落，而 font 针对的对象的任意文本 21、换行（换行不换段） 22、记住写代码或者效果的演变过程 23、html 中，所有的标签都必须有属性值，如果没有使用属性名。 例如----xhtml ----html 24、水平直线 size 像素绝对设置，以数字表示，属性值越大，线越粗 百分比相对设置，以表示，属性值越大，线越粗 width 像素绝对设置，长度不会应视窗的改变而改变 百分比相对设置，长度会随着应视窗宽度而改变 noshade“noshade“ 实体线 25、定义一个块引用使用文本缩进 说明 cite url 被引用的地址 26、居中标记内容（被废弃的标签） 27、预格式化被包围在 pre 元素中的文本通常保留空格和换行符，而 文本也会呈现为等宽字体，一个常见应用就是用来表示计算机的源代码。 28、特殊字符 空格nbsp 版本号copy 注册商标reg “ quot amp gt 29、 在文本中的第一个字前直接敲空格不起作用，两个字之间敲多少空格只显示 一个空格。 30、列表标记用途 列表标记可以创建一般的无序列表、编号列表，以及定义列表三种方式，还可以 在一种列表中嵌套另一种列表，便于概括显示一系列相关的内容。 a、无序列表 内容 1 内容 2 表示一个项目；type disc 实圈，circle 空圈，square 实正方形 b、有序列表 内容 1 内容 2 c、定义列表 标题 1表示一个项目 内容 1表示一个项目下的更详细内容的解释 内容 2 标题 1 内容 1 内容 2 链接 链接到另一个页面click here 可用相对地址链接到另一个文件夹的网页，如 click here click here click here 链接到网页内部 click here I am here click here 文本对齐和列表 （1）文本对齐 text block （2）列表 order one order two order three item item item term defination 图像 （1）将图像放到网页中 （2）对齐图像 （3）将图像变为链接 （4）图像映射 自定义背景和颜色 （1）背景颜色和文本颜色 （2）背景图像