HTML 学习过程笔记

HTML
大名：Hyper Text Markup Language
超文本标记语言
sublime安装地址：http://www.sublimetext.com
用sublime开发第一个HTML页面
1设置文件拓展名为显示状态
2创建文件夹及必须的文件
3打开sublime进行页面设计

html文件结构

//字体标准 这里是正文部分

字体标签：规定字的字体、大小、颜色

【字号】【size】 size>7 则系统设置为 size=7
【字体】【face】 face可选字体参考word
【颜色】【color】color可用英文单词 / RGB / 16进制颜色表示方式
PS.
HTML4 支持但不赞成
HTML5 不支持该标签
可通过其他方式，比如【CSS样式】

段落标签

…

作用 定义一个段落 注意：段落内依据所在容器的宽度自动换行，浏览器会自动地在段落的前后添加空行，
和

的区别

换一行但是不换段
注释标签
作用 编写程序时，给代码的解释或提示，能提高程序代码的可读性，以便于以后的参考，修改
注意：注释不会在浏览器中进行显示，注释出现的评率非常高

标题标签 <h?>…</h?>
作用：定义标题头的六个不同文字的大小，依次显示重要性的递减，也就是权重依次降低。
注意：尽量靠近在html中标签，越近越好
SEO关键词优化，更好的搜索到，h1一般只能有一个，要不然百度等搜索引擎会认为是作弊行为。

img
作用：在浏览器显示图片 示例
常用属性：src alt height width
alt 提示信息(图片不存在/不能正常显示时，出现)
src = “XX路径”【相对路径/绝对路径】注意配置路径 若不在同一级，需要返回上一级用…/ 平级后在进入图片的文件夹。 绝对路径从盘符出发。
注意：src的值除了可以是本地机器上的位置，还可以是网络上的图片。
超级链接标签（体现为手型的形状）

a标签…
作用 使用超级链接与网络上的另一个文档相连
示例打开另一个页面
小贴士：超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，可以点击这些内容来跳转到新的文档或者当前文档中的某个部分
任何在浏览器中可以打开的都可以被称为文档
a中间的部分为单击的部分 是一个载体 默认独占一行
打开外网的时候必须加上http://
a标签的target属性
_blank 在新打开，未命名的窗口打开链接
_parent在父窗口打开链接
_self在当前窗口打开
_top _top目标将会清除所有被包含的frame框架

锚点标签 …
作用 同一个文档中创建指向该锚（位置）的链接
示例 段落标签
注意：锚点必须先定义，在使用 锚点打开的是位置 所以需要页面足够的长
可以使用文件名称加#锚点名 实现打开其他页面锚点位置的功能。
无序列表

• …

作用 此列项目使用粗体圆点（典型的小黑圆圈）进行标记
注意：列表项内部可以使用段落，换行符，图片，链接以及其他列表等
li*5 可以快捷生成5个

有序列表

1. …

作用 列表项目使用数字进行标记 从1开始
注意：列表内部可以使用段落，换行符，图片，链接以及其他列表等。两者的使用在于看内容本身有没有次序关系
表格 table tr td border width
作用 用于表格，行，列，宽度，边框的制作
合并行列 colspan,rowspan
作用：用于将表格内的某些列，行进行合并
列 语文
查找时安行
属性名称 属性值 作用
boder 1 设置边框
width npx n% 表格宽度
bgcolor 颜色值 表格背景
align left center right 表格在文档中的对齐方式
valign bottom middle top 三种垂直对齐方式

表单
作用：用于收集用户信息，进行人机交互操作
包含元素：文本框，单选按钮，列表框，图片框，复选框等，这些元素，统称“控件”。
name 指定控件的名称 可重复
id 指定标签的唯一标识
value 输入（收集，设置）控件的值
checked 复选框（单选）组默认被选中的项目
selected 列表框组默认被选中的项目
src 图片框的图片来源
onclick 鼠标单击事件
disabled 禁用该控件
multiple 允许多选
HTML：5 enter 快速创建
name给后端使用，允许重复，
id给前端js使用，不许重复
label专门用于页面的文字性显示
value是后台得到的值 一般传递数字
method代表提交方式 get显示提交 安全性低
post 隐式提交 安全性高