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/.webp
代码:
显示:一个美女
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:
|