HTML

  • 字体样式

  • 短语格式

  • 特殊格式


HTML转义字符
  • 列表

    1. 有序列表


    2. 无序列表


    3. 自定义列表


  • 超链接

<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>
1.在新的窗口打开<a href="目标网址" target="_blank">click here!</a>
2.使用mailto在网页中链接Email地址<a href="mailto:www…?subject=""&body="" "></a>

cc=(bcc= 密件抄送) 在收件人地址后用cc=地址,可以填写抄送地址
subject= 邮件主题
body= 邮件内容

如果mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的参数每一个都以“&”分隔。

![](图片地址)
在标签中插入background="URL" align="middle|bottom|top|…"
图片作为链接使用:<a href="http://...">![](*.gif)</a>
图片中映射超链接

<audio src=".mp3" controls="contrlos" > </audio>
<video src="…" type="video/mp4"></video>
<source> 标签为媒体元素(比如 <video> 和 <audio>)定义媒体资源。
<source> 标签允许您规定两个视频/音频文件共浏览器根据它对媒体类型或者编解码器的支持进行选择。
<track>引入字幕

table、tbody、tr、th、td

  1. <table>…</table>:整个表格以<table>标记开始、</table>标记结束。
  2. <tbody>…</tbody>:当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>标签后,这个表格就要等表格内容全部下载完才会显示。
  3. <tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。
  4. <td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。
  5. <th>…</th>:表格的头部的一个单元格,表格表头。
  6. 表格中列的个数,取决于一行中数据单元格的个数。

为表格添加边框
1.<table border="1">
2.CSS方式

<style type="text/css">
    table tr td,th{border:1px solid #000;}
</style>```
**添加标题和摘要**

<table summary="表格简介文本摘要">
<caption>标题</caption>
<thead>表头,当表格太长时,翻到下面时可将表头留在上面</thead>
<tbody></toby>
<tfoot></tfoot>```

文本、密码输入框
input

<form>
   <input type="text/password" name="名称" value="默认提示文本" />
</form>```
1、type:
   当type="text"时,输入框为文本输入框;
   当type="password"时, 输入框为密码输入框。
2、name:为文本框命名,以备后台程序ASP 、PHP使用。
3、value:为文本输入框设置默认值。(一般起到提示作用)
4、placeholder:提示信息,readonly只读,hidden:隐藏,用户不可见,传数据进后端。
 **单选框、复选框**

<input type="radio/checkbox" value="值" name="名称" checked="checked"/>```
1、type:
当 type="radio" 时,控件为单选框
当 type="checkbox" 时,控件为复选框
2、value:提交数据到服务器的值(后台程序PHP使用)
3、name:为控件命名,以备后台程序 ASP、PHP 使用
4、checked:当设置 checked="checked" 时,该选项被默认选中
同一组的单选按钮,name 取值一定要一致,这样同一组的单选按钮才可以起到单选的作用。
提交按钮、图片按钮
在表单中有两种按钮可以使用,分别为:提交按钮、重置。这一小节讲解提交按钮:当用户需要提交表单信息到服务器时,需要用到提交按钮。
语法:

<input type="submit" value="提交">
<input type="image" src="图片的路径" />

type:只有当type值设置为submit时,按钮才有提交作用
value:按钮上显示的文字
重置按钮
当用户需要重置表单信息到初始时的状态时,比如用户输入“用户名”后,发现书写有误,可以使用重置按钮使输入框恢复到初始状态。只需要把type设置为"reset"就可以。
语法:
<input type="reset" value="重置">
type:只有当type值设置为reset时,按钮才有重置作用
value:按钮上显示的文字
选择文件
<input type="file" name="" />

label标签
语法:<label for="控件 id名称">
注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同

其它

<input type="email" name="use_name" />
<input typr="url" name="use_name" />
<input type="number" > 

range:属性,max、min、step(规定合法数字间隔)、value(默认值)
Date Pickers(日期选择器)
下拉列表框

1、value:

<select>
    <option value="提交值"> 选项(显示的值) </option>
</select>

2、selected="selected":设置selected="selected"属性,则该选项就被默认选中。

3.多选:下拉列表也可以进行多选操作,在<select>标签中设置multiple="multiple"属性,就可以实现多选功能,在 widows 操作系统下,进行多选时按下Ctrl键同时进行单击(在 Mac下使用 Command +单击),可以选择多个选项。

4.optgroup 定义一个选项组,lable=""

文本域
当用户需要在表单中输入大段文字时,需要用到文本输入域。
语法:
<textarea rows="行数" cols="列数">文本</textarea>
1、<textarea>标签是成对出现的,以<textarea>开始,以</textarea>结束。
2、cols :多行输入域的列数。
3、rows :多行输入域的行数。8-10。
4、在<textarea></textarea>标签之间可以输入默认值。

分区

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

推荐阅读更多精彩内容

  • 引言 在日常开发Android中,很多时候会遇到和WebView打交道,对CSS HTML JS不是很清楚的话是完...
    张文靖同学阅读 2,828评论 0 11
  • ********** 未经本人允许,严禁转载任何网站 ********** 本人在慕课网学习HTML+CSS基础课...
    zhaolion阅读 10,986评论 46 548
  • 1、HTML介绍 1 2、Html和CSS的关系 HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户...
    夏沫xx阅读 1,356评论 0 8
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,224评论 1 41
  • 尝尽百苦
    璃霓阅读 204评论 0 0