html标签

标签的语法

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标签后,浏览器会自动将焦点转到与标签相关的表单控件中

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 196,099评论 5 462
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 82,473评论 2 373
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 143,229评论 0 325
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,570评论 1 267
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,427评论 5 358
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,335评论 1 273
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,737评论 3 386
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,392评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,693评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,730评论 2 312
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,512评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,349评论 3 314
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,750评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,017评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,290评论 1 251
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,706评论 2 342
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,904评论 2 335

推荐阅读更多精彩内容