作者:海峰2502853427 | 来源:互联网 | 2023-07-01 14:47
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 width
alt 提示信息(图片不存在/不能正常显示时,出现)
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 隐式提交 安全性高