HTML标题

千禧年@

于 2024-08-18 12:59:03 发布

阅读量298

点赞数 13

文章标签： html 前端 javascript

本文链接：https://blog.csdn.net/2201_75345199/article/details/141298088

版权

一、标签

1.给页面取名字的标签，显示在页面栏

运行时对html右键，点击show in Explorer

2.一共六级标题，从H1到H6，数字从小到大，字号从大到小

3.font可以调整文字字体大小、样式、颜色

4.h1与font的组合

5.新版本的删除标签，strike标签已经废弃

<del>写在这个标签里的文字会被划上一条横线</del>

6.下划线标签：underscore

<u>在这段文字下面会有一条下划线</u>

7.用来换行的标签

<br>

8.斜体标签

<i>这段文字会是倾斜的</i>

9.增强标签

10.粗体标签

<b></b>

11.想给页面的背景换上图片

先把图片粘贴到包中，在background中写上自己图片的地址

12.p标签主要的特点就是换行和段间距

13.预定义格式标签，在这个标签里写的回车和空格都会生效

<pre>

床前明月光，

疑是地上霜。

</pre>

14.显示图片的标签

二、列表

1.有序列表，start表示起始序号，不写默认为1，type为编号类型

</ol>

2.无序列表，不再有序号，而是由·的形式标注

<ul>

</ul>

三、超链接

可以跳转到html页面、网站、包中的视频、发送邮件等

点击1就可以跳转

四、表格

border="1"用来设置表格的边框

<caption>表格的标题</caption>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

colspan表示同一行的多列单元格的合并，跨列合并

rowspan表示同一列的多行单元格的合并，跨行合并

五、表单

<form>
    姓名：<input type="text" name="a" size="40"><br>
    年龄：<input type="text" name="b" maxlength="10"><br>
    密码：<input type="password"><br>
<!--    同一组单选框，name的值必须相同-->
    性别：<input type="radio" name="c" checked> 男 <input type="radio" name="c"> 女 <br>
    爱好：<input type="checkbox">唱歌 <input type="checkbox">跳舞
    <input type="checkbox">跑步
    <br>
    地址：<select>
             <option>北京</option>
             <option>上海</option>
             <option>广州</option>
             <option>深圳</option>
          </select>
</form>

六、div

<!--div标签默认没有任何的效果-->
<div style="font-size: 300px;color: red;font-family: 楷体">
    div标签里的内容
</div>

<div style="background-color: orange">
    一个新的div
</div>

<div style="background-color: orange;width: 300px;height: 300px">

</div>

<div style="background-color: red;width: 300px;height: 300px;border-radius: 150px">

</div>

<!--    给当前页面设置统一的div样式-->
    <style>
        .abc{
            width: 300px;
            height: 300px;
            background-color: lightskyblue;
        }
    </style>
</head>
<body>

<!--给div选择对应的样式-->
<div class="abc"></div>
<div></div>

<p class="abc"></p>