HTML02_标签

HTML标签

段落

<p></p>

p（paragraph）作为段落标签，是具有独占一行的作用

标题

	<h1>标题1</h1>
    <h2>标题2</h2>
    <h3>标题3</h3>
    <h4>标题4</h4>
    <h5>标题5</h5>
    <h6>标题6</h6>

h(headline) 可定义标题标签，其中h1是最大的标题，h6是最小的标题

有序列表

	 <ol type="1">
        <li>Js</li>
        <li>java</li>
        <li>C</li>
    </ol>
    <hr>
    <ol type="a">
        <li>Js</li>
        <li>java</li>
        <li>C</li>
    </ol>
    <hr>
    <ol type="1" start="2">
        <li>Js</li>
        <li>java</li>
        <li>C</li>
    </ol>

有序列表在排列中前面会有序号，其中可以使用type来定义标号的类型其中包括1这是默认的是用数字，a用小写字母当超过z是就使用aa来标号，A用大写字母标号，i/I罗马数字.一共就这5中写法。如果不想从第一个数开始就需要通过start来限定，不可以直接在type中写其他数字。

还可以添加reversed属性值为reverse来使结果倒序排列。

无序列表

无序列表和有序列表很相似，最大区别就是没有了排序。

	<ul type="disc">
        <li>Js</li>
        <li>java</li>
        <li>C</li>
    </ul>
    <hr>
    <ul type="square">
        <li>Js</li>
        <li>java</li>
        <li>C</li>
    </ul>
    <hr>
    <ul type="circle">
        <li>Js</li>
        <li>java</li>
        <li>C</li>
    </ul>

无序列表通过属性唯一可以更改的就是前面的类型，disc就是实心圆，square是方框，circle是圆环

图片

<img src="./cat2.jpg" alt="只是一只猫" title="加菲猫">

这就是图片的引入格式，其中src为显示地址的URL，一共可以通过三种方式，1是图片的URL，2是图片的相对地址，3是图片的绝对地址
其中alt的作用是在图片加载失败的时候显示的文字。
title是当鼠标移动到图片显示的文字。

a标签

a(anchor)锚点的意思，a标签主要的作用有三个：

• 超链接
• 锚点
• 打电话和发邮件

<a href=""></a>

其中当href中添加的是链接的时候就起超链接的作用；当填写的是属性ID的时候就是起到锚点的作用，就是我们常见的置顶置低的功能；当我们使用的是mailto:加邮箱，这样可以实现发邮件

表单

表单通常是和input框在一起使用的，可以实现数据的提交。

	<form action="" method="">
        username:<input type="text" name="username" id="">
    </form>

form表单中的method属性值有GET、POST这两种，作用是提交的不同方式。
input是用于搜集用户信息，其中type是种类：

• button 按钮
• checkbox 复选框
• file 文件
• hidden 隐藏输入字段
• image 图片
• password 密码
• radio 单选按钮
• reset 重置
• submit 提交
• text 文本框
• data 定义日期字段