1网页编写格式
<!DOCTYPE html> 
<html><head><meta charset="utf-8"> <title>中文测试。。。。</title></head><body>这里是测试body测试内容。。。</body>
</html>
2标签
在body内
<h1></h1>双标签 标题 ,加粗,换行  1-6 ---》小
<p></p> 双标签  段落,有换行功效
<hr> 单标签  左到右分割符
<!--    -->注释
3元素属性
给元素提供更多的属性,大部分的元素属性
3.1语法
<标签 属性1=参数1>
1)align left,right,center
2) bgcolor ,body的属性设置网页的背景色
<body bgcolor="0x00ff1234">
4文本元素属性
 b 元素 内容 加粗
 br 换行
 如果是p标签中间有间隔
 i元素, 字体倾斜
 del元素 删除文字
 strong 强调一段文字,效果类似 b标签
 u元素,下划线
 small元素, 超小字体
 sub 下标
 sup 上标
 
h20
 
100m2
 ruby,拼音,二姐 ,可能部分浏览器不支持。
 make 元素   加黄色背景
5超链接
 5种形式
 1,链接外部网站
 2,链接本地文件
 3,图片链接
 4,电子邮件链接打开电子邮件
 ,下载文件链接
	<a href="http://www.baidu.com">baidu</a><br><a href="1.html">1111</a><br><a href="1.html"><img src="abc.jpg"></a><br><a href="mailto:123@13.com">contract me</a><br><a href="abc.jpg">下载</a>
上面的方法在打开新网页时,老的网页会关闭
 target 属性
 _self :当前位置打开 默认值
 _blank 新窗口中打开
 baidu
6 img 单标签
 src 图像来源
 alt 如果不能正确打开,显示的文字
 width, heigh
  px
 px
 
 百分比是相对于网页而言的, 高度百分比无效的
7列表
 有序列,无需序列
 自定义列表
 无序列表 前面无数字
- 列表1
- 列表2
- 列表3
- 列表4
- 列表1
- 列表2
- 列表3
- 列表4
表格的构成,
 table,外框
 tr 行
 td 列
 
| 1-1 | 1-2 | 1-3 | 
| 2-1 | 2-2 | 2-3 | 
| 3-1 | 3-2 | 3-3 | 
3行 3列
表格的属性
border 边框粗细
th,是tr的属性,列标题,自动居中,加粗
colspan,横向合并单元格,需要 整形参数
name
表格的合并
rowspan ,列项合并,整数参数
caption 给表格加标题 子属性
表格还有3个字属性
thead 都是双标签
tbody
tfoot
这些属性,后期主要和css,js配合使用
9 html 实体
用于输出一些特殊的字符
有些特殊的字符不能直接在网页中直接显示的
10 style 元素,html样式
 引入样式的三种方法
 1),外部样式 需要css
- div布局 需要配合css样式设置
 9.html
 12 通用属性
 每个元素都用
 id属性,指定元素的标识符,唯一性。
 class 指定类型名,归类,统一设置共同的属性
 title 当鼠标移动到元素的时候显示的内容
 dir 用于控制显示输出的方向
 123456
 style 样式设置
12,表单 传递参数,数据
13,input元素,(输入框)他是表单的一个字属性 指定表单中的内容项,比如输入内容的文本框 可以指定表单属性,也可以放在表单的外面。 input元素的属性: type,指定输入框的类型,text单行文本,password密码,submit提交按钮, reset,重置按键,button按键,普通的按键需要和特定的时间关联。 image:图片式按键 hidden:隐藏字段,该内容不显示在页面上,提交其他的一些变量。 email: 是一个邮箱类型,新特性,可能支持有差异 required:表示内容必须填写,不然不能提交。 name:名称,输入内容识别名称,传递参数时候的参数名称 value: 默认值,输入框默认填入的内容, maxlength,指定最大长度 placeholder,设置提示信息的。HTML网页制作参考手册
https://www.w3school.com.cn/tags/index.asp