学习笔记_Html初级篇-高级标签

接上一篇

空格为文本分隔符

html编码：&开头 ；结尾，例如 为空格，例如正常来说标签不能输出，加上html编码就可以，如要输入<div>可以输入<div>其中<为<,>为>。

标签

单标签，换行=回车

---

标签

单标签，水平线

<ol>标签

有序列表，是一组标签，其实用<li> </li>来分组

<!-- 默认以数字排序,也可以输入type="1" -->
<ol>
    <li> </li>
    <li> </li>
    <li> </li>
    <li> </li>
</ol>

<!-- 可以设置不同类型来排序 -->

<!-- 以字母排序，小定是a,大写是A -->
<ol type="A">
    <li> </li>
    <li> </li>
    <li> </li>
    <li> </li>
</ol>

<!-- 以罗马数字排序，小写是i,大写是I -->
<ol type="i">
    <li> </li>
    <li> </li>
    <li> </li>
    <li> </li>
</ol>

<!-- 可以设置倒序 -->
<ol type="1" reversed="reversed">
    <li> </li>
    <li> </li>
    <li> </li>
    <li> </li>
</ol>

<!-- 可以设置从自定义开始排,下面意思为从第二开始排，字母与罗马字母同理 -->
<ol type="a" start="2">
    <li> </li>
    <li> </li>
    <li> </li>
    <li> </li>
</ol>

<ul>标签

无序列表，，是一组标签，其实用<li> </li>来分组，使用频率很高

这种父子结构比较适合做导航栏

<!-- 默认为"disc"实心圆 -->
<ul type="disc">
    <li> </li>
    <li> </li>
    <li> </li>
    <li> </li>
</ul>

<!-- 参数"square"方形 -->
<ul type="square">
    <li> </li>
    <li> </li>
    <li> </li>
    <li> </li>
</ul>

<!-- 参数"circle"空心圆 -->
<ul type="circle">
    <li> </li>
    <li> </li>
    <li> </li>
    <li> </li>
</ul>

标签

单标价签，图片标签

src是图片来源

标签

就用场景很广

功能：1、超链接；2、锚点；3、电话邮件；4、协议限定符

a意为anchor锚，记录锚点

置顶功能可以用此实现，如点击顶部可以回到网页最上方

头标签href意为HyperText reference超文本引用，填入目标地址，也可以插入图片

如果想让超链接在新标签面打开网页，可以在头标签里 加上”target=”_blank””

可以调用电话邮件类服务

<!-- method参数有"get"或"post",action是发送到的地方 -->
<form method="get" action="">

</form>

<!-- method参数有"get"或"post",action是发送到的地方 -->
<form method="get" action="">

 <!-- 输入框 -->
    <input type="text">
<!-- 密码框 -->
    <input type="password">
<!-- 提交按纽 -->
    <input type="submit">

</form>

<!-- method参数有"get"或"post",action是发送到的地方 -->
<form method="get" action="">

 <!-- 输入框 -->
    <input type="text" name="username">
<!-- 密码框 -->
    <input type="password" name="password">
<!-- 提交按纽 -->
    <input type="submit">

</form>

<form>

 <!-- 单选 -->
请选择你最喜欢的水果

1.橘子    <input type="radio" name="orange" value="o">

2.香蕉    <input type="radio" name="orange" value="b">

3.苹果<input type="radio" name="orange" value="a">

</form>