20220823 第七小组 王茜
h1~h6:标题标签,字体变大,变粗,变黑,上下空一行 p:段落,上下空一行 br:换行,一个br就是一个回车。
文本格式化标签:
1、超级链接:a(重要)
<body>
<!-- 超级链接 -->
普通的链接:<a href="http://www.baidu.com" target="_self">百度一下</a><br>
图像链接:<a href="http://www.baidu.com"><img width="150"
src="img/libai.jpeg" alt="这是刺客李白" title="青莲剑仙"></a><br>
邮件链接:<a href="mailto:123456@qq.com">站长信箱</a><br>
锚记链接:
<a id="tips">提示部分</a>
<a href="#tips">跳到提示不分</a>
</body>
2、href:要去的地方
3、http地址(完整域名):带有http或https的完整网址 默认的方式去到当前项目下某一个页面(地址)
4、../:返回上一级目录
5、./:当前目录(不需要写)
6、target:目标。怎么打开目标地址
7、_blank:在新窗口打开
8、_self:在当前窗口打开(默认)
9、parent、top:在父容器(顶级父容器)打开
10、title:标题,当鼠标悬停在标签上出现的提示文字
11、img:图片
12、src:图片的路径
13、height、width:宽和高(尽量指定一个属性,等比例缩放)
14、alt:图片无法正常加载的提示文字
15、align:对齐方式
区块/空白:
div:块。立方体,可以有宽高 span:行。没有宽和高。尺寸是根据内容确定
块级元素:自占一行,自带换行功能 div,h,p,form,ul,ol... 行级元素:自己没有换行功能
a,span,del,sub,sup,em,b,strong....
无序列表:
<ul>
<li></li>
</ul>
有序列表:
<ol>
<li></li>
</ol>
自定义列表:
<dl>
<dt></dt>
<dd><dd>
</dl>
注释:
<!-- --> 提交和重置按钮,只能控制和他们在同一个form标签内的元素
其他:
所有的文本框的内容都是它的value属性
前后端交互的事情, 浏览器开发者工具的使用
id:每个HTML元素的唯一(不能重复)标识
添加其他网站:
<body>
<iframe src="https://www.sina.com.cn" height="600" width="400"
frameborder="0"></iframe>
<iframe src="https://www.sohu.com" height="600" width="400"
frameborder="0"></iframe>
</body>
表单提交的数据格式:
username=admin等号左边是表单元素的name属性,右边是表单元素的value属性
method:数据的提交方式
get:提交的数据都会显示在地址栏,不安全,地址栏长度是有限制的。
post:提交的数据是不显示在地址栏,封装一个请求体,长度也没有限制了。
上面的都是HTML4的标签
HTML4的表单完事了!!!
什么是HTML5?
1999年HTML4就已经改变了很多了。在HTML4时代好多标签已经废弃了。 在HTML5的时代就不推荐使用。在2012年,推出了新的HTML规范,HTML5。
推出了一些新的标签:
audio:音频
<audio src="123.mp3" autoplay controls></audio>
video:视频
<video src="123.mp4" autoplay controls></video>
画布:(比如吉事办上的人脸认证等),多媒体,重力感应:(导航),地图
新增了一些语义化的标签。 语义化:给程序员设立的规则。thead
HTML5兼容性还不是很好。
分为两大类:
1、行级元素:不能自己换行。
<span>不能换行
2、块级元素:可以自己换行。