超文本标记语言
超文本:超越文本限制,超级链接文本
超文本标记语言简单来说,就是描述网页的语言
作用:构建页面结构
创建:快速创建html文件:
vscode软件(我常用的软件):
第一种方法:文件--新建文件---选择语言----HTML
第二种方法:点击左侧的下图图标---输入文件名称.html---回车
命名规范:- 不用中文命名
- 不包含空格和特殊字符
- 可以使用纯英文的小写字母,数字,下划线的结合
- 首页一般用index命名
- 文件名称要规范,不可使用中文拼音
- 可以使用驼峰命名法 例如userName
---- 声明文档类型是HTML结构
----根标签
补充:
lang='en'指定html语言种类
en 英文
ZH——CN 中文
fr 法文
------文档头部
常见的字符集:
GB2312:简体中文
BIG5 :繁体中文(港澳台地区)
GBK :全部中文字符(中国全部地区)
UTF—8 :全世界所有国家要用的字符
Document -----文档标题
文档主体
如何快速生成基本结构:输入html:5------回车
内容(标签): 标签分类:双标签:
简单来说,就是<> > l两个括号
单标签:
简单来说,就是> 一个括号
标签详情:字体标签:
标题标签:
1 ---显示的字体最大
2
3
4
5
6----显示的字体较小
注意:1-6 字体大小:由大逐渐变小
文字加粗(加粗,强调作用) 123 456 文字斜线 123 456 删除线123456下划线 123 456 段落标签12345678910
水平标签
换行标签 你好,惠特米勒
图像标签:
图像标签: 作用:引用图片
链接标签:
链接标签: 作用:跳转到某个页面 目标窗口弹出方式(target取值): self 默认值 blank 在新窗口打开 文本或者图像
容器标签:
div标签:
作用:可以装载许多标签,通常用于构建结构
是一个容器,用来装结构
span标签
作用:在一行内显示的内容
一行只能放一个span
多行文本框:
textarea控件:文本框
作用:可以输入许多的文字内容
属性:name 名称
id ID名
cols 基本不用
rows 基本不用
下拉菜单:
select下拉菜单: option中想要默认选中:selected=“selected”;
列表:
列表:容器里装载着结构,样式一致的文字或图表的一种形式
如何快捷生成列表:列表类型(ul)+li*想要的列表数量+回车
作用:使数据清晰明了
无序列表:没有顺序的列表,每项前面有小圆点
- ---类似于行 ----类似于列
表格:
table表格:
作用:用来展示数据,可以让数据显示整齐规范
属性:
border 边框 取值:0无边框 1有边框
width 宽度
height 高度
align 网页中水平对齐方式 取值:方位名词
cellspacing 单元格及边框之间空白间距
cellpadding 单元格内容及边框间空白边距
caption表格标题
th 表头单元格
rowspan跨行合并
colspan跨列合并
表头:thead
主体:tbody
表脚:tfoot
| 表头 | --- 表头单元格:位于表格的第一行或者第一列,并且文本加粗居中
|---|
| 1 | ---表格列标签
表单:
form表单:
作用:收集用户信息,可与用户交互
构成:表单控件,提示信息,表单域
input控件:
属性:
type:
取值:
text 文本框
password 密码框
radio 单选框
checkbox 复选框
button 按钮
submit 提交按钮
reset 重置按钮
image 图像形式提交按钮(必须有src属性)
file 文件域(上传文件)
name用户名
value默认文本值
size显示宽度(取正整数)
checked 默认选中
maxlength控制字符数(取正整数)
method 提交方式:get,post
特殊字符:
空格 < 小于号 > 大于号 & 和号 ¥ 人民币 © 版权 ® 注册商标 ° 摄氏度 ± 正负号 × 乘号 ÷ 除号 ² 平方根2 ³ 立方根3



