【web前端】html标签简单总结

最新推荐文章于 2024-08-02 10:25:30 发布

FontSize

最新推荐文章于 2024-08-02 10:25:30 发布

阅读量1k

点赞数 1

分类专栏： web前端文章标签： html web前端标签

本文链接：https://blog.csdn.net/u012033869/article/details/49199929

版权

web前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

html一些基本标签的简单总结

html文件结构

<html> <!--根标签-->
      <head>...</head>
      <body>...</body>
</html>

head标签

<head>
      <title>...</title>
      <meta>
      <link>
      <style>...</style>
      <script>...</script>
</head>

几个基本的标签

<p>段落文本</p>

<hx>标题文本</hx><!--x为1~6-->

<em>斜体文本</em>

<strong>粗体文本</strong>

<span>文本，设置单独样式</span>

<q>引用文本</q>

<blockquote>引用长文本</blockquote>

<br /><!--折行-->

&nbsp;<!--空格-->

<hr /><!--水平横线-->

<address>联系地址信息</address>

<code>代码语言</code>

<pre>语言代码段</pre>

ul-li标签（没有前后顺序）

<ul>
    <li>信息</li>
    <li>信息</li>     .
</ul>

ol-li标签（有顺序）

<ol>
    <li>信息</li>
</ol>

划分逻辑部分

<div id="板块名称">..</div>

table标签

<table></table>

<tbody>表格内容全部下载完后显示</tbody>

<tr>表格行</tr>

<td>每行中分列</td>

<th>表头</th>

<table summary="表格简介文本">

<captain>标题文本</captain>

文本链接

<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>

<a href="目标网址" target="_blank">在新的浏览器窗口中打开</a>

mailto 链接email地址

mailto：邮箱地址

 <a href="mailto:xx@163.com">发送</a>

cc= 抄送地址

<a href="mailto:xx@163.com?cc=yy@163.com">发送</a>

bcc= 密件抄送地址

<a href="mailto:xx@163.com?bcc=yy@163.com">发送</a>

；多个收件人、抄送、密件抄送人

<a href="mailto:xx@163.com;yy@163.com">发送</a>

subject= 邮件主题

<a href="mailto:xx@163.com?subject=发送电子邮件">发送</a>

body= 邮件内容

<a href="mailto:xx@163.com?body=欢迎来我家">发送</a>

mailto后面的参数，第一个用？，之后均用 &

<a href="mailto:xx@163.com?cc=yy@163.com&bcc=zz@163.com&subject=主题&body=邮件内容">发送</a>

img标签

<img src="myimage.gif" alt="My Image" title="MyImage" />

src：标识图像的位置。
alt：指定图像的描述性文本。
title：提供在图像可见时对图像的描述。

表单标签

<form method="post" action="save.php">
    <label for="username">用户名：</label>
    <input type="text" name="username" />
    <label for="pass">密码：</label>
    <input type="password" name="pass" />
</form>

action：浏览者输入的数据被传送到的地方。
method：数据传送的方式（get/post）。

文本输入框、密码输入框

<form>
    <input type="text/password" name="名称" value="文本" />
</form>

type：
当 type=”text” 时：文本输入框；
当 type=”password” 时：密码输入框。
name：命名。
value：默认值（提示作用）。

文本域

<textarea rows="行数" cols="列数">文本</textarea>

cols：列数。
rows：行数。

单选框和复选框

<input type="radio/checkbox" value="值" name="名称" checked="checked" />

type：
“radio”：单选框；
“checkbox”：复选框。
value：提交到服务器的值。
name：命名（同一组的单选按钮，name取值要一致）。
checked：默认选中。

下拉列表框

<select>
    <option value="看书">看书</option>
    <option value="旅游" selected="selected">旅游</option>
</select>

value：向服务器提交的值。
selected：默认选中。

实现下拉列表单多选功能

<select multiple="multiple">...</select>

提交与重置按钮

<input type="submit" value="提交">

<input type="reset" value="重置">

value：按钮上显示的文字。

label标签

<label for="控件id名称">

选中label标签时，自动将焦点转到和标签相关的表单控件上。

FontSize

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
【web前端】html标签简单总结

html一些基本标签的简单总结html文件结构<html>  <head>...</head> <body>...</body></html>head标签<head> <title>...</title> <meta> <link> <style>...</style> <script>.
复制链接

扫一扫