2020 8 23 笔记整理

基础标签

标题标签 h1~h6

h1~h6 语义越来越轻
页面上只有一个 h1 标签

段落标题 p

一段一段文字的时候使用

<h3>登鹳雀楼</h3>
<p>白日依山尽，</p>
<p>黄河入海流；</p>
<p>欲穷千里目，</p>
<p>更上一城楼。</p>

链接标签 a

页面间的跳转
页面内的跳转

<a href="http://www.baidu.com" title="我想去百度" target="_blank">百度</a>
<a href="#head">回头顶部</a>

href: 目的地，跳转后的 URL 地址
title: 鼠标悬停显示的内容
target： 设置跳转的方式
_self: 在当前页面中打开；（默认值）
_black: 在新的页面打开

图片标签
上一级目录：…/
当前目录：./

<img src="./img/b.jpg" alt="图片加载失败">

src: 设置显示的目标图片
alt: 当图片加载失败的时候，显示的内容

列表标签

顺序： order
没有顺序： unorder
列表： list
项目（一项一项）： item

有序 ol
试卷：A、B、C、D4 个选项

<ol type="A" start="4">
<li>160CM 以下</li>
<li>160~170</li>
<li>170~180</li>
<li>180+</li>
</ol>

type:计数方式: AZ,az,1-2-3-4,i、ii、iii、iv
start: 开始的序数

序 无序 ul

不能有的坏习惯：
<ul type="square">
<li>黄</li>
<li>毒</li>
<li>赌</li>
<li>色</li>
</ul>

（1）每一个项目前面有一些符号。
（2）可以通过 type 属性去设置符号的类型（方块、圆）

表单标签

表单

什么是表单：手机用户编写的信息并将其信息提交给后台服务器
就是是将速度丢给后台：
你的后台在哪里：URL 地址 ->action
提交的方式：get/post ->method

<form action="#" method="get">
</form>

1
2
get 和 post 的区别
（1）get 的不安全，数据在 URL 中
（2）get 传输的数据量较小，浏览器对 URL 地址的长度有限制的
（3）get 的效率高

文本输入框 text

密码框 password

label
一般和 input 标签联合使用，点击 label 的时候，对应 input 的可以获取焦点

提交 submit

普通按钮

重置按钮 reset

单选按钮 radio

多选按钮（复选框）checkbox

下拉列表 select

文件选择 file

button 按钮

<input type="button" value="input 按钮">
<button >button 按钮</button>

button 标签的按钮，按钮上内容可以是任意内容（图片、文字）
input 标签的按钮，按钮的内容只能是文字

隐藏域
这个标签是隐藏的，看不到
不喜欢被人看到，但是程序的运行需要用到他