学习web前端的第二天

今天我们讲了一些基础标签，接下来就给大家分享一下今天学了什么东西。

标题标签 h1-h6

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

段落标签 p

一段一段文字出现的时候使用```
比如下面代码：

<h3>登黄鹤楼</h3>
<p>白日依山尽，</p>
<p>黄河入海流</p>
<p>欲穷千里目</p>
<p>更上一层楼</p>

链接标签 a

链接标签有两种跳转，如：

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

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

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

图片标签

上一级目录：…/

当前目录：./

<img src="a.jpeg" alt="图片加载失败" />

Src:设置显示的目标图片
Alt:当图片加载失败时，显示的内容

列表标签

有序 ol

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

Start：开始的序数

无序 ul

不能有的坏习惯

   <ul
type="square">
        <li>黄</li>
        <li>毒</li>
        <li>赌</li>
        <li>色</li>
        </ul>

Type：可以设置前面的标签形状（方块，圆）

表单标签

表单

什么是表单：收集用户编辑的信息并将其他信息交给后台服务器

就是将数据丢给后台：

你的后台在哪里：URL地址 action实现

提交的方式：get/post method实现

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

                 </form>

get和post的区别

（1） get的不安全，数据在URL中

（2）get传输的数据量较小，浏览器对URL地址的长度有限制

（3） get的效率高

文本输入框

文本:<input type="text" name="anme" /><br
/>

密码框

<label
for="pwd">密码：</label>

        <input id="pwd" type="password"
name="pwd" /><br>

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

提交按钮 submit

<input type="submit" value="提交按钮" />

重置按钮 reset

<input type="reset" value="重置按钮"/>

普通按钮 button

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

单选按钮 radio

性别：<inputtype="radio" name="sex"/> 男

    <input type="radio"name="sex"/> 女<br />

多选按钮 checkbox（复选框）

<input type="checkbox"
name="love" />黄

<input type="checkbox"
name="love" />赌

<input type="checkbox"
name="love" />毒<br />

下拉按钮 select

<select 
name="addr">

<option>南昌</option>

<option>上饶</option>

<option>新余</option>

<option>九江</option>

</select><br />



文件选择 fi

文件选择 file

<input type="file" />

Button按钮

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

<button>button按钮<button>

Button标签的按钮，按钮上内容可以是任何内容（图片，文字）

Input标签的按钮，按钮的内容只能是文字

隐藏域

这个标签是隐藏的，看不到

不喜欢被人看到，但是程序的运行需要它