HTML学习过程笔记

HTML大名：HyperTextMarkupLanguage超文本标记语言sublime安装地址：http:www.sublimetext.com用sublime开发第一个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样式】

段落标签

…

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

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

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

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

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

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

• …

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

有序列表

…

作用 列表项目使用数字进行标记 从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 隐式提交 安全性高

【文章转自阿里云服务器代理商 http://www.558idc.com/aliyun.html 复制请保留原URL】