美文网首页
html标签

html标签

作者: tinaaaabbb | 来源:发表于2017-03-16 08:17 被阅读0次

标签的语法

1.标签使用<>括起来的,如最基本的<html>。

2.标签一般都是成对存在。

3.标签是可以嵌套的。

4.标签是不区分大小写的。


1.head标签

稳当头部描述了文档的各种属性和信息,和标题

<head>

<title>.....</title>

<meta>

<link>

<style>...</style>

<script>...</script>

</head>

<title>标签内的内容是出现在网页的标题信息,出现在浏览器的标题栏中

<meta>标签提供页面的元信息,比如针对搜索引擎和更新频度的描述和关键词

<link>用于把外部文件连接到文件内部

<style>标签用来对网页样式进行修饰(css)

<script>内部是js代码


2.body标签

用来储存网页中要展现的内容,大部分东西都在这里面


3.p标签,hx标签,strong标签,em标签,span标签,q标签,blockquote标签

<p>..</p>

<hx>,,,</hx>

<strong>....</strong>

<em>...</em>

<span>...</span>

<q>..</q>

<blockquote>...</blockquote>

<p>..</p>用来在网页上显示文章,p标签的默认样式中在段前段后都会有空白

<hx>...</hx>用来为网页添加标题,分为六级,一次按重要程度的不同进行排序

<strong>..</strong>用来对文字进行加粗处理

<em>...</em>用来对文本进行加斜体处理

<span>..</span>用来对文字设置单独样式,也可以用来把块状元素转化为内联元素,strong和em相对于span主要是起到强调的作用,而span标签是没有语意的用来对文字进行单独样式设计

<q>..</q>标签用来进行短文本引用,使得浏览器自动对引用部分添加引号

<blockquote>...</blockquote>用来进行对长文本进行引用,在浏览器中解析为缩进样式


4.br标签,空格标签,hr标签,address标签,code标签,pre标

<br/>标签用于换行

 标签用于添加空格

<hr/>标签用于添加分割横线

<address>..</address>用于给网页加入地址信息

<code>...</code>用于为网页中添加一行代码

<pre>...</pre>用来给网页插入大段的代码,注意其与code标签的区别


5.ul标签与ol标签,和与他们进行配合的li标签

<ul>...</ul>用来为网页添加信息列表,ul属于一种无序的标签注意ul和li标签的配合,ul标签默认有圆点

<ol>....</ol>用来添加有序的信息列表


6.table标签,tbody,tr,th,td标签,caption标签

<table>

<tbody>

<tr>

    <th>产品名称</th>

     <th>品牌</th>

</tr>

<tr>

      <td>耳机</td>

       <td>联想</td>

</tr>

</tbody>

</table>

<table>...</table>标签是用来为网页添加表格的

<tbody>..</tbody>当表格内容很多时会下载一点显示一点,如果加上tbody之后表格会在完全下载完后在进行显示

<tr>..</tr>表示表格含有几行<td>..</td>用来表示表格一行有多少列

<th>..</th>用来制作表头

<caption>...</caption>为表格添加标题和摘要


7.a标签

<a>...</a>使用a标签可以实现超链接a标签里面的title是表示鼠标滑过时显示的文本,a标签里面的target是用来在一个新的浏览器窗口里面打开链接,a标签里面的mailto是用来链接email地址的。

<a href="mailto:邮箱地址?cc=&bcc=&subject=&body=&>发送</a>


8.img标签

<img  src="" alt=""  title="">

src用来表示图像的地址,alt时当图像不可见时显示的制定文本,title是鼠标滑过时现实的文本


9.form标签,input,textarea,select,option,label标签

form标签可以实现与用户的交互。form是成对出现的,action时用户输入的数据被传送到的地方,method为数据传送的方式(get/post)

<input type="" name=" " value=""/>

1.type=“text”输入框为文本输入框

type="password" 输入框为密码输入框

type=“radio”控件为单选框

type="checkbox“控件为复选框

type=“submit”是表示提交按钮

type="reset"为重置按钮

2.name:为文本输入框命名,已被后台使用

3.value为文本输入框设置默认值

<textarea></textarea>为文本域标签,col位列书row为行数

<select></select>为下拉列表框可用来节省空间

select下属的option时下拉菜单的选择其中的value是用来表示向服务器提交的值

select后面加multiple是用来表示多选操作

<label for=></label>不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性选中label标签后,浏览器会自动将焦点转到与标签相关的表单控件中

相关文章

  • Html 学习笔记

    HTML基础 HTML 标签 HTML 标记标签通常被称为 HTML 标签 (HTML tag) HTML 标签通...

  • HTML常用标签

    HTML标签:标记标签通常被称为HTML标签,HTML标签是HTML语言中最基本的单位,HTML标签是HTML最重...

  • 2018-06-04——HTML简介

    HTML 简介 HTML 标签 ·HTML 标记标签通常被称为 HTML 标签 (HTML tag)。 ·HTML...

  • 02.html

    Html结构标准 Html标签分类 单标签 双标签 Html标签关系分类 包...

  • HTML 常用的标签

    什么是 HTML 标签 HTML 文档和 HTML 元素是通过 HTML 标签进行标记的 HTML 标签由开始标签...

  • HTML笔记

    html标签与html元素 html标签: 由开始标签和结束标签组成的一对标签。 html元素: 从开始标签到结束...

  • HTML

    HTML简介 HTML的基本结构 HTML标签 基本标签 布局标签

  • HTML常用标签介绍

    HTML标签:通常被称为HTML标签,HTML标签是HTML语言中最基本的单位,HTML标签是HTML最重要的组成...

  • HTML标签类型

    /*HTML标签类型 html /*HTML标签类型 1.块级标签:*1....

  • html标签

    html标签 超文本标记语言(外国语简称:HTML)标记标签通常被称为HTML标签,HTML标签是HTML语言中最...

网友评论

      本文标题:html标签

      本文链接:https://www.haomeiwen.com/subject/zdsrnttx.html