HTML笔记

最新推荐文章于 2024-11-17 20:29:19 发布

shenpkun

最新推荐文章于 2024-11-17 20:29:19 发布

阅读量114

点赞数 1

文章标签： html

本文链接：https://blog.csdn.net/shenpkun/article/details/119571206

版权

HTML相关

1. 锚点定位

1.先找好要定位到哪里，然后写好id名，如：

<h4 id="definition">定义</h4>

2.再回到需要跳转的地方，创建链接文本，如：

<a href="#definition">①定义</a>

2. base标签

作用：下面的链接都是以新的窗口打开
用法：在head标签里使用

例：

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <base target="_blank">
</head>

3. 预格式化文本标签

作用：单纯用
，多余的空格等会被忽略，而用
则能保留空格和换行，也很适合显示计算机代码
用法：
```
<pre>  内 容</pre>
```

4. 几个重要的特殊字符

空格  
<小于号 <
大于号 > >

注：&开头，;结尾

5. 表格table

5.1 表格标签table、行标签tr、单元格标签td

5.2 表格属性

border 表格的边框默认为0

cellspacing 单元格与单元格之间的空白间距默认为2
cellpadding 单元格内容与单元格边框之间的空白间距默认为1 （padding是后面CSS的内边距）
width height align

以上六个用在

标签里比如：

<table border="8" cellspacing=""></table>

5.3 表头单元格标签th

5.4 表格标题caption

5.5 合并单元格

跨行合并：rowspan=“合并单元格的个数” (row 行，排的意思)
跨列合并：colspan=“同上” （column 纵队，列的意思）
先上后下先左后右

用法如：
在合并单元格后，记得将多余的删去

6. 表格划分结构

头部（放标题）;内部必须有标签
主体
脚注

均放在table标签里

7.列表标签

7.1 无序列表（unorganized 无组织的，无条理的）

<ul>
    <li> 内容</li>
</ul>

注：

中只能嵌套

7.2 有序列表（organized 有条理的）
```
<ol>
    <li>内容</li>
    <li>列表</li>
</ol>
```
7.3 自定义列表（define 定义）
```
<dl>
    <dt>名词1</dt>
    <dd>名词1解释1</dd>
    <dt>名词2</dt>
</dl>
```
8.表单标签

input控件（单标签输入）

<input type="属性值" value=",,,">

8.1 type属性（表单类型）
- text 单行文本输入框
- password 密码输入框
- radio 单选 checkbox复选框
- button 普通按钮 submit 提交按钮 reset重置按钮
- image 图像形式的提交按钮 file 文件域
8.2 value属性（表单值）
- value默认的文本值，即页面刚打开时默认显示的字
8.3 name属性（表单名字）
- 作用：区别不同的表单
  
  name=" " “ ”里面自己定义
  
  radio 如果是一组，命名相同的name值，这样可以多个中选一个
例：
```
<input type="radio"  name="sex"  />男

<input type="radio" name="sex"  />女
```
8.4 checked属性
- 表示默认选中状态（单选、复选较常见）
9. label标签
- 作用：用鼠标点击label标签里的文字时，光标会定位到指定的表单里面
- 用法：
  
  ①直接包括
  
  <label>用户名：<input type="radio" name="username" value="请输入用户名"> </label>
  
  ②for id
```
<label for="sex">男</label>

<input type="radio"  name="sex" id="sex">
```
10. textarea控件（文本域）
- 作用：可以创建多行文本输入框
  
  cols=“每行中的字符数” rows=“显示的行数”
- 语法：<textarea></textarea>
11. 下拉列表
- 语法：
<select> <option>选项1</option> <option>选项2</option> </select>

注：①中至少包含一对

②在option中定义selected="selected"时，当前项即为默认项

12. form表单域
- 作用：在HTML中，form标签用于定义表单域，以实现用户信息的收集和传递
- 用法：
```
<form action="url地址" method="提交方式"  name="表单名称">
    各种表单控件
</form>
```
url地址用于指定接收处理表单数据的URL地址

method get/post 设置表单数据的提交方式
- 标签用于为用户输入创建 HTML 表单。
  - 表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。
  - 表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。
  - 表单用于向服务器传输数据。