HTML+CSS笔记整理—HTML基本标签复习

最新推荐文章于 2024-08-07 14:19:47 发布

likeX.O

最新推荐文章于 2024-08-07 14:19:47 发布

阅读量123

点赞数

分类专栏： HTML+CSS笔记整理文章标签： html html5

本文链接：https://blog.csdn.net/qq_45194823/article/details/109730108

版权

HTML+CSS笔记整理专栏收录该内容

1 篇文章 0 订阅

订阅专栏

HTML基本标签复习

1.初始代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

2.vscode快捷键

ctrl+y ：返回ctrl+z之前的样子前进

shift+end：从头选到尾 shift+home从后面选到头

快速截屏PrtSC（快捷键）
快捷键 div#id名
浏览器清除缓存的快捷键：ctrl+Shift+delete
一次性找出文所有的当前选中的单词: Ctrl + Shift + L
p{段落内容$}*4 得到

<p>段落内容1</p>
<p>段落内容2</p>
<p>段落内容3</p>
<p>段落内容4</p>

3.文本标签

h1标签一个网页中只能出现一次，并且最重要
strong加粗，强调性相比于em更强
em斜体与i标签效果相同

sub下标，sup上标

<p>
     a <sup>2</sup> + b<sup>2</sup> = c<sup>2</sup>  H<sub>2</sub>0
</p>

del删除，ins插入（效果是下划线）
img图片尽量添加好宽高这样可以为图片留好位置，并防止段落合在一起后再加载图片。
img图片如果只设置一个高或者宽属性，那么另一个属性会根据比例同步变化
base单标签改变链接的默认行为,将所有a链接的target改为_blank
```
<base target="_blank">
```
锚点的两种写法
- 标签加id+链接加#
- a链接加#+ 在想要跳的地方加
```
<a name ="">
```
特殊符号
li内部可以嵌套其他标签，或者接着嵌套列表，但ul不行

带有描述的列表（可以用来实现下拉菜单）

<dl>
        <dt>HTML</dt>
        <dd>超文本标记语言</dd>
        <dt>CSS</dt>
        <dd>层叠样式表</dd>
        <dt>JavaScript</dt>
        <dd>网页脚本语言</dd>
</dl>

表格语义化标签在一个表格中,thead表头,tbody表格体(可以出现多次),tfoot表脚
表格属性：border，cellpadding（单元格内的空间），cellspacing（单元格之间的空间），都直接加载表格上

表格属性：rowspan（合并行）（在两个tr里），colspan（合并列）（在一个tr里）

<!--合并列  -->
<tr align="right">
    <th colspan="2"></th>
    <th></th>
    <th></th>
</tr>

<!--合并行  -->
<tr valign="top">
    <td rowspan="2"></td>
    <td></td>
    <td></td>
    <td></td>
</tr>
<tr>
    <td></td>
    <td></td>
    <td></td>
</tr>

表格属性（对齐）加在tr中align=“center”：align（right，left，center），valign（top，bottom，middle）
在遇见合并行或列的情况，分析行数后，从上向下顺着写即可，写过的合并就不用写了

4.form表单
checkbox：checked/disable
radio:通过相同的name来绑定到一起

select/option

<select>
    <!-- 选择此项，但是禁用-->
    <option selected disabled>请选择</option>
    <option>北京</option>
    <option>上海</option>
    <option>杭州</option>
    <option>深圳</option>
</select>
<!-- 选择下拉列表一次显示的项数 -->
<select size="2">
    <option>请选择</option>
    <option>北京</option>
    <option>上海</option>
    <option>杭州</option>
    <option>深圳</option>
</select>
<!-- 多选 -->
<select multiple>
    <option>请选择</option>
    <option>北京</option>
    <option>上海</option>
    <option>杭州</option>
    <option>深圳</option>
</select>

multiple还可以用来加在文件上，这样可以保证上传多个文件
```
<input type="file" multiple>
```

likeX.O

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
HTML+CSS笔记整理—HTML基本标签复习

HTML基本标签复习1.初始代码2.vscode快捷键3.文本标签4.form表单1.初始代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title
复制链接

扫一扫