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>
  1.  

自定义列表:

 <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、块级元素:可以自己换行。

posted @ 2022-08-27 19:08  无聊的wx  阅读(47)  评论(0)    收藏  举报