html常用标签

文本标签

<del>我被删除了</del>  删除线标签

<b>我是粗体</b> 粗体标签
　　<i>我是斜体</i> 斜体标签

　　<font id="fot" size="7" color="#adff2f">王宝强</font>字体设置

　　C + O<sub>2</sub> = CO<sub>2</sub> <br/>下标
　　X<sup>2</sup>+y = 2XY上标

　　<pre> 如实展示
　　public static void <font color="red">main</font>(String [] args){
　　System.out.println("<br/> hello");
　　}
　　</pre>

img标签

　　作用：在页面中显示一张图片
　　属性：
　　src 图片的路径
　　width 图片宽
　　height 图片高
　　alt 图片在某些情况下没有显示时，提示文字
　　titile 鼠标悬停文字
例子：<img src="webp.jpg" width="200px" height="200px" alt="我是隐藏起来的，你看不见我！" title="我是图片的标题"/>

音频视频标签

　　html5之后新引入了两个新的标签 video / audio
　　<video src="123.mp4" controls="controls" autoplay="autoplay" loop="loop"></video>

超链接标签

　　a 超链接标签
　　作用：跳转，访问其他资源
　　属性：
　　href 资源路径
　　target 超链接打开的方式
　　"_self" 表示在当前标签中打开
　　"_blank" 打开一个新开标签页
　　"_parent" 在父窗口中打开
　　"_top" 在最顶层窗口打开
　　自定义在指定name出打开该超链接

　　锚点
　　属性：name 锚点名称，访问时通过“#锚点名”访问

例子：

　　发送邮件
<a href="mailto:test@163.com?subject=AboutHTML">发邮件给我</a>

-->
<a href="1text.html">1text页面</a>
<a href="http://www.baidu.com" target="_parent">百度</a>
<a href="http://www.baidu.com"> <img src="baidu_jgylogo3.gif"/> </a>

<h3>红楼梦目录</h3>
<p><a href="hongloumeng.html#one">第一回</a></p>
<p><a href="hongloumeng.html#two">第二回</a></p>
<p><a href="hongloumeng.html#three">第三回</a></p>
<p><a href="hongloumeng.html#four">第四回</a></p>

<a href="mailto:test@163.com?subject=AboutHTML">发邮件给我</a>

列表标签

　　有序列表(ol)：order list
　　无序列表(ul)：unorder list
　　每一项(list item)

例子：

<!-- 无序列表-->
<ul>
  <li>毒液</li>
  <li>美国队长</li>
  <li>钢铁侠</li>
  <li>惊奇队长</li>
</ul>
<!--有序列表-->
<ol>
  <li>海王</li>
  <li>神奇女侠</li>
  <li>超人</li>
  <li>蝙蝠侠</li>

</ol>
<!-- 自定义列表-->
<dl>
  <dt>漫威宇宙</dt>
  <dd>美国队长</dd>
  <dd>钢铁侠</dd>
  <dd>绿巨人</dd>
</dl>

table标签

作用：

　　　　1.格式化显示数据
　　　　2.做页面布局（已过时）
例子：

form标签

作用：收集并提交用户的信息
属性：
id 表单的id，用于js获取表单
name 表单的名字，用于js获取表单
action 表单提交的地址
method 表单提交的方式，常用值为get和post
get （默认）
post
enctype 表单中数据的编码方式，
application/x-www-form-urlencoded （默认）
multipart/form-data
text/plain
form标签下的子标签（表单域）
注意：1.对于所有的子标签来讲，只有添加name属性，才可以提交！！！
2.一般来讲，value属性就是提交的值
3.对于radio和checkbox而言，如果没有设定value属性，则提交时值为on
4.对于select而言，select提交的值就是option标签的value属性值，如果option标签没有设定value属性值时，默认提交option标签中间的文本值
5.对于textarea而言，textarea提交的值不是value属性，而是标签中间的文本数据
6.对于三个按钮来讲，input和button从本质来讲并无区别，而且一般情况不需要设置name属性（即不用提交）
input
属性
type="text" 文本框
type="password" 密码框
type="hidden" 隐藏框
type="file" 文件框
type="radio" 单选按钮
name属性相同即为一组
type="checkbox" 复选框
name属性相同即为一组
对于input type="radio"和input type="checkbox"来讲，添加checked="checked"属性表示默认选中该选项

type="submit" 提交按钮，提交表单
type="reset" 重置按钮，重置表单
type="button" 普通按钮,用于被js调用

对于input type="submit"、input type="reset"和input type="button"来讲，value属性表示按钮上的文字

select 下拉列表框
给select添加multiple="multiple"的属性后，就变成多选
需要和option标签一起使用

textarea 多行文本域
button 按钮

例子：

<textarea name="inc" cols="30" rows="10">这家伙很懒，什么都没有留下...</textarea>

</form>

posted on 2019-04-25 20:28 大魔王老Z 阅读(102) 评论(0) 收藏举报

刷新页面返回顶部

html常用标签

导航

公告