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 取值[1~6] hx 内的文本会自动加粗显示。 hx 针对的对象是段落，而 font 针对的对象的任意文本 21、换行（换行不换段） 22、记住写代码或者效果的演变过程 23、html 中，所有的标签都必须有属性值，如果没有使用属性名。例如：----xhtml ----html 24、水平直线 size 像素绝对设置，以数字表示，属性值越大，线越粗百分比相对设置，以%表示，属性值越大，线越粗 width 像素绝对设置，长度不会应视窗的改变而改变百分比相对设置，长度会随着应视窗宽度而改变 noshade=“noshade“ 实体线 25、定义一个块引用：使用文本缩进说明 cite url 被引用的地址 26、居中标记内容（被废弃的标签） 27、预格式化被包围在 pre 元素中的文本通常保留空格和换行符，而文本也会呈现为等宽字体，一个常见应用就是用来表示计算机的源代码。 28、特殊字符空格版本号© 注册商标® “ " && > 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）背景图像：