HTML5 基础标签

文档类型声明<!DOCTYPE html>
根标签<html>

首部标签<head>
网页标题标签<title>
基础地址标签<base>
元数据标签<meta>
样式标签<style>
链接标签<link>
脚本标签<script>

主体标签<body>
注释标签<!--...-->
段落标签<p>
标题标签<h1>-<h6>
水平线标签<hr/>
换行标签<br/>
斜体字标签<i>
粗体字标签<b>和<strong>(重要内容)
上标标签<sup>
下标标签<sub>
修订标签<del>(删除线)和<ins>(下画线)
预格式化标签<pre>
有序列表标签<ol>(默认数字顺序1、2、3) <li>(每一条)  <ol type="a">(a、b、c排序)  <ol start="3">(从数字3往后排)
无序列表标签<ul>(默认实心圆形) <ul type="disc">(实心圆) <ul type="circle">(空心圆)<ul type="square">(方形)
定义列表标签<dl>  词条<dt> 词条定义<dd>
图像标签<img/>  <ime src="图片路径" alt="替代的文字" width="" height=""/>
usemap="#map1"
超链接标签<a>   
外部链接  <a href="URL地址">链接文本或图片</a>  基本属性还有:target(目标内容的打开方式)_self(自身)_blank(新窗口)_top(顶层框架)_parent(父框架)
内部链接<a href="#指定区域名">链接文本或图像</a>  //指定区域必须有name
表格标签<table>  <table border="1">(边框)
表格行标签<tr>
单元格标签<td>
表头标签<th>
表格标题标签<caption>
框架标签<iframe src="news.html">
容器标签<div> 默认前后各放一个br
<span>标签,通常作为文本的容器,不换行
文档结构标签
页眉标签<header>
导航标签<nav>
节标签<section>
文章标签<article>
侧栏标签<aside>
脚页标签<footer>

格式标签
记号标签<mark>
进度标签<progress>  <progress values="80" max="100">
度量标签<meter>  <meter min="" max="" values="" low="" high="" optimum="">
最小值/最大值/当前值/较低值(低于时度量为红色)/较高值(高于时为绿色,中间为黄色)/最佳值

表单标签<from>

action   URL地址  规定表单提交数据的服务器地址
method  get/post  发送方式
name    自定义表单名称
输入标签<input>  常见语法格式: <input type="输入类型"  name="自定义名称">
类型名称
text  单行文本输入框
password  密码输入框
radio  单选按钮
checkbox  复选按钮
submit  提交按钮
reset   重置按钮
button  无动作按钮
image   显示图像形式的提交按钮   
语法格式:  <input type="image" src="图片url地址" alt="提交"> 属性和submit相同
file     用于显示文件上传控件,包含输入区域和浏览按钮
     accept="image/*"  限定允许文件属性   文件类型具体查看MIME文件类型对照表
hidden   用于隐藏输入字段
标记标签<label> //文本被点击时为表单控件获取焦点
<label>姓名<input type="text" name="name1"/></label>  //常用方法
<label for="name1">姓名:</label>
<input type="text" name="name1" id="name1">
多行文本标签<textarea>  
rows  行数
cols  每行字符数   例:20行,每行15字符<textarea cols="15" rows="20"/>
wrap  soft或hard  换行方式
属性 :readonly(只读)、disabled(禁用) 
列表标签<select>
disabled  禁用列表菜单
multiple  规定允许同时选中多个选项
name      规定列表元素的名称
size      规定列表菜单中可见选项的个数
选项标签<option>
基本语法格式:
<select>
 <option values="apple">苹果</option>
 <option values="cherry">樱桃</option>  
 </select> 

点赞

发表评论

电子邮件地址不会被公开。必填项已用 * 标注

20 − 15 =