您的位置：首页 > Web前端 > HTML

html标签：超文本标记语言

2017-11-22 23:12 218 查看

html的标签作用：用于描述一个网页的结构的。

1.html基础

<!doctype html> 声明函数
<head>头部标记
<title>标题标记
<body>主体标记
<meta>元信息标记
<meta http-wquiv="content-type" content="text/html";charset="utf-8">

设置页面关键字:<meta name="keywords" content="关键字">
设置页面说明:<meta name="description" content="页面说明">
设置作者信息:<meta name="author" content="姓名">
设置网页的定时跳转:<meta http-equiv="refresh" content="20;url=index.html">

2.html常用标签

<h1>~<h6>  表示是一个标题
<p>     段落标签
<hr/>   水平线标签
<br/>   换行标签
<sub>   下标  水的化学式：H<sub>2</sub>O
<sup>   上标  2的16次方：2<sup>16</sup>
<pre>   原样标签： 原样标签会保留空格和换行符。
<span>  行内标签
<div>   块标签
<ol> <li>   有序的列表标签、
<ul> <li>   无序的列表标签。
<dl dt dd type="i/0/1/一">    项目列表标签
1)有序列表的序号类型：type
<ol type="1/a/A/i/I">
2)有序列表的起始数值;<ol type="1/a/A/i/I" start="3">
逆向排序：<ol type="1/a/A/i/I" start="3" reversed>

3.html常用的实体标签

常用的实体字符:
空格       
小于号    <
大于号    >
-----------------------------
人民币    ¥；    ¥
版权      ©  ©
商标      ®   ®

4.超链接标签

1.a:link    未访问的链接
a:vvisited    已访问
a:hover   鼠标悬停时
a:active  选择时

2.去掉网页下划线
a{text-decoration:none}

3.链接的目标窗口
<a href="xxx.html" target="打开方式">
self    当前页面
blank   空白窗口

4.锚点链接
1)<a href="#id">
<id="">
2)<a href="xxx.html#id">    //其他页面的锚点

5.链接到E-mail:
使浏览者快速反馈自己的意见
<a href="mailto:邮件地址">

6.链接到FTP:
包含一些上传和下载文件的文件目录
<a href="ftp=""ftp://地址">

7.链接到Telnet:
一些远程登陆方式
<a href="telnet://地址">

8.下载文件：
<a href="文件地址">

5.图片标签

<img src="url">
src 路径
alt 不能显示时转换文本
title   悬停时显示内容
width   宽度
height  高度
border  边框
vspace  垂直间距
hspace  水平间距
align   排列

6.表格标签

1.表格由行，列，单元格组成
<table>:表格的开始与结束
<tr>:行的开始与结束
<td>:单元格的开始与结束
<th>:设置加粗部分
格式:
<table border=""
4000
width="">
<tr height="" align="">
<td width="" align="">

2.表格的基本属性：
边框颜色：bordercolor
内框宽度：cellspacing
文字与边框间距：cellpadding
背景颜色：bgcolor
背景图像：background="url"
水平跨度：colspan="列数"
垂直跨度：rowspan="行数

7.表单标签

1.<form action="url地址" method="提交方式" name="表单名称">

2.表单记录：autocomplete
单表是否有自动完成功能，将输入内容纪录，形成列表
on:有
off:无

3.取消验证：novalidate="true"
提交表单时对表单取消有效检查,可以关闭整个表单的验证

4.控件类型：
<input name="控件名称" type="属性" value="文字字段的默认取值"
size="控件，文本框的长度" maxlength="最长字符数">\

5.属性：
单行文本框：text
多行文本框：textarea
<textarea name="文本域名称" cols="列数" rows="行数">
密码框：password
单选按钮：<input name="名称" type="radio" value="取值">
复选框：<input name="名称" type="checkbox" value="取值">
<input name="s[]" type="checkbox" value="3" />3<br>
<input name="s[]" type="checkbox" value="7" />7<br>
$a=$_POST["s"];
for($i=0;$i<count($a);$i++)
{ echo "选项".$a[$i]."被选中<br />"; }
普通按钮：button 长用于JS
提交按钮：submit
重置按钮：reset
文件域：file

8.菜单和列表

1.下拉菜单
<select name="名称">
<option value="值" selected="selected">选项显示内容
......
</select>

2.列表项
<select name="名称" size="显示的列表项数" multiple>
<option value="值" selected>
......
<select>

9.添加多媒体

<marquee direction="up/down/left/right" behavior="scroll/slide/alternate"
scrollamount="值" scrolldelay="值" loop="值" width,height bgcolor="值">
滚动效果：<marquee>
滚动方向：direction="up/down/left/right"
滚动方式：behavior="scroll/slide/alternate"  循环/一次/交替
滚动速度：scrollamount="值"
滚动延迟：scrolldelay="值"
滚动循环次数：loop="值"
滚动范围：width,height
滚动背景颜色：bgcolor="值"

10.video

<video autoplay>
<source src="xxx.mp3" type="video/mp4">
<source src="xxx.wav" type="video/mp4">
<source src="xxx.ogg" type="video/mp4">
<video>
src:视频的url
poster:视频加载时显示的图像
preload:定义视频是否预加载
preload="none/metadata/auto"    不载入视频/只载入元数据/载入整个视频
autoplay:是否自动播放
autoplay="autoplay"
controls:显示控件，控制栏
controls="controls"
width和height链接不同的视频文件

这是HTML一个缩进的标签.<blockquote></blockquote>输入的文本会2端都缩进..你可以自己试试效果.主要是个排版的标签

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html 标签

相关文章推荐

新的分享

章节导航