带你Html一天入门
导读： 1.html： HyperText Markup Language 超文本标记语言，是最基础的网页语言，而且都是由标签组成。 2.基本格式： 放置一些属性信息，辅助信息。 引入一些外部的文件。（css，javas...
1.html：
HyperText Markup Language 超文本标记语言，是最基础的网页语言，而且都是由标签组成。
2.基本格式：
放置一些属性信息，辅助信息。
引入一些外部的文件。（css，javascript）
它里面的内容会先加载。
存放真正的数据。
3.注意事项
1）多数标签都是有开始标签和结束标签，其中有个别标签因为只有单一功能，或者没有要修饰的内容可以在标签内结束。
2）想要对被标签修饰的内容进行更丰富的操作，就用到了标签中的属性，通过对属性值的改变，增加了更多的效果选择。
3）属性与属性值之间用"="连接，属性值可以用双引号或单引号或者不用引号，一般都会用双引号。或公司规定书写规范。
1.排版标签
1）换行
2）
段落标签 在开始和结束的位置上会留一个空行。
属性：align=对齐方式
3） 一条水平线
属性：
1）宽度：width 值像素 100px 可以写百分比 30%
2）align=对齐方式
3）size 粗细
4）color 值 red green blue RGB 三原色 （red green blue #aa55ff）
4）div 声明一块区域 数据 css+div
5）span 声明一块区域
代码：
显示：
2.字体标签
1）文本内容
属性：
1）size 字号的大小 最大值是7 最小值是1
2）color 颜色
3）face 字体
2）标题标签
…
从大到小字体缩小。
3）粗体
4）斜体
标签支持嵌套
代码：
显示：
3.列表标签
1）dl 列表标签
上层项目
下层项目特点：自动对齐，自动缩进。
2）有序列表和无序列表
有序：
type：列表前序标号
start：从第几个开始。
无序：
数据条目：数据内容
用户管理
代码：
显示：
4.图片标签
属性：src="图片的路径"
width 显示图片的宽度
height 显示图片的高度
alt 图片的说明文字/Users/apple/Library/Containers/com.tencent.qq/Data/Library/Application Support/QQ/Users/.png
代码：
显示：一个美女
5.超链接链接
作用：1）链接资源
href="" 必须指定 如果href的值不指定，默认是file文件的协议。只有自己指定协议，链接资源。如果href中指定的协议，浏览器不能解析，就会调用应用程序，可以解析的程序就可以打开。
2）定位资源
name 名称 专业术语 锚
代码：
显示：这里可以多搞一些文字
6.表格标签（重点）
作用：格式化数据
声明一个表格
属性：
1）边框 border
2）width 宽度
3）文字与内边框的距离 cellpadding
行
属性：
1）align 对齐方式（文本内容）
属性：
1）width
2）height
3）colspan 列合并单元格
4）rowspan 行合并单元格
会加粗 并且会居中。
表格的标题
colspan 合并行， rowspan合并列
代码：
显示：
7.表单标签（重点）
作用：可以和服务器进行交互。
输入项的内容 用户名 密码
属性：action="提交的请求位置"
method 提交方式（get和post） 如果method没有写默认是get方式提交。
get和post区别：
1）get方式表单封装的数据直接显示在url上。post方式数据不显示在url上。
2）get方式安全级别较低，post级别较高。
3）get方式数据的长度，post支持大数据。
** ?sex=on：
在每个输入的标签中指定name和value name必须指定
？username=haha&
pwd=1223&
sex=nv&
jishu=html
属性：type 值可以指定很多的值，每一个不同的值代表的不同输入组件。
1）type=text 文本框
2）type=password 密码
3）type=radio 单选按钮
name属性
4）type=checkbox 多选按钮
单选和多选都有默认值：checked="checked"
5）type=reset 重置按钮
6）type=submit 提交按钮
7）type=file 上传文件的输入项
8）type=button 按钮
9）type=image 图片（也是提交按钮，）
10）type=hidden 隐藏标签（用户不用看到的，但是咱们开发时必须要使用的，可以把数据封装到隐藏标签中，和表单一起提交到后台）。
选择标签
选择下拉框
文本域textarea
文本内容
8.框架标签
框架标签不能写在的内部。body不能写在frameset的上面。
代码：
left.html：
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： 带你Html一天入门
本文地址： https://pptw.com/jishu/656034.html