HTML之总结

基础结构

基础标签有HTML，head，body。

合格的的HTML页面：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="keywords" content="关键字1，关键字2，…" />

    <meta name="description" content="内容介绍" />

    <title>这里是标题</title>

</head>

<body>

    这里是内容

</body>

</html>

HTML常用标签

1、换行符<br />

<br />

2、段落

<p align=“center”>这是一个段落</p>

属性align

行对齐方式(left, right, center)

3、标题

<h1>标题1</h1>

<h2>标题2</h2>

<h3>标题3</h3>

<h4>标题4</h4>

<h5>标题5</h5>

<h6>标题6</h6>

4.文本格式化

<b>定义粗体文本</b>

<i> 定义斜体文本 </i>

<del>定义删除文本</del>

<sup>定义上标字</sup>

<sub>定义下标字</sub>

5、链接

<a href=“URL”> ~ </a>

属性：

href 定义链接地址

title 链接提示信息

target 链接打开方式(_blank 新的空白页,_self 当前页,_top)

常规使用：

<a href=“about.html”>内部链接 </a>

其他应用：

<a href=“mailto:邮箱地址”>邮件链接</a>

<a href=“tel:电话号码”>一键拨打</a>

<a href="sms:139xxxxxxx">一键发送短信</a>

6、锚点

锚点标签用于使用户"跳"到文档的某个部分。

<a href="#位置名"> ~ </a>

<a name="位置名"> ~ </a>

7、图像

<img src="URL" width="100" height="100" alt="替代文字" />

属性：

src 定义图像的url

alt 定义图像的替代文本

width 设置图像的宽度

height 设置图像的高度

./            当前目录

../            回到上一层目录

images/            进入一层目录

../images/            回到上一层目录，然后再进入images目录

9、图像热区

<img src="URL"  usemap="# map 名称" />

<map name="map 名称">

    <area shape="形状" coords="坐标值" href="URL" />

</map>

属性：

shape 热区形状(rect、circle、poly )

coords 形状的坐标值

10、HTML 实体字符

大于号 (>)     &gt;

小于号 (<)     &lt;

引号 (")       &quot;

注册商标(®)    &reg;

版权(© )       &copy;

& 号           &amp;

11、无序列表

  <ul>

    <li>……</li>

    <li>……</li>

    <li>……</li>

</ul>

属性 Type

属性值 disc（实心圆） Circle（空心园） square（方形）

12、有序列表

<ol >

<li>……</li>

<li>……</li>

<li>……</li>

</ol>

属性 Type

属性值 1、 a 、 A、i、I

属性 start 排序的起点数值

13、

定义列表

<dl>

　　<dt>HTML</dt>

　　<dd>html 是超文本标记语言</dd>

　　<dt>XHTML</dt>

　　<dd>可扩展超文本置标语言 </dd>

　　<dd>表现方式与超文本置标语言（HTML）类似，不过语法上更加严格 </dd>

</dl>

14、HTML 表格

<table border="1">

　　<tr>

　　　　<td>row 1, cell 1</td>

　　　　<td>row 1, cell 2</td>

　　</tr>

　　<tr>

　　　　<td>row 2, cell 1</td>

　　　　<td>row 2, cell 2</td>

　　</tr>

</table>

<table> 定义表格 <th> 定义表头 <tr> 定义表格的行 <td> 定义表格单元

具体属性：表格链接

15、<iframe> 内嵌框架

它可以把一个网页显示在另一个网页中。

<iframe src="url" frameborder="0" width="100" height="100" scrolling="yes"></iframe>

 scrolling可选项：yes，no，auto。设置是否显示滚动条。

16、form表单

<form action="url" method="post" enctype="multipart/form-data" target="_blank"></form>

属性说明
name 表单的名称
action 表单提交地址
method 表单数据提交的方式（get ,post）
enctype MIME类型
target 打开方式

17、input表单元素与form表单里的其他元素

链接在此

随机推荐

EnterpriseLibrary 6.0中DAAB独立数据库配置文件初始化
string path = Path.Combine(AppDomain.CurrentDomain.BaseDirectory, "database.config"); IC ...
ArcEngine编写WebService
开发环境:Windows7旗舰版64bit.VisualStudio2008 With SP1.ArcEngine10.0.NetFrameWork4.0.IIS7和C#开发语言. 背景:ArcEng ...
WebStorm常用设置和常用快捷键
今天下载了最新版本的WebStorm 7.反正又要重新设置一番了,干脆写下来记录到博客里面,免得以后每次忘了还要到处搜索比较麻烦. 加速禁用多余的插件,关掉没必要的代码检查项.webstorm慢的原 ...
ubuntu 环境变量修改和恢复总结[收藏]
在Ubuntu中有如下几个文件可以设置环境变量/etc/profile:在登录时,操作系统定制用户环境时使用的第一个文件,此文件为系统的每个用户设置环境信息,当用户第一次登录时,该文件被执行./etc ...
python多进程
一.多进程池 from multiprocessing import Pool import time pool = Pool(processes=3) result=[];lr=range(t);a ...
Lamp 安装(CentOS6.6, php-5.4.39, httpd-2.4.12, mysql-5.6.24)
软件版本: pcre-8.36.tar.gzapr-1.5.1.tar.gzapr-util-1.5.4.tar.gzhttpd-2.4.12.tar.bz2 mysql-5.6.24.tar.gz ...
adobe pro破解说明
安装说明(仔细阅读!)1.在安装之前手工修改host文件的方法:在hosts文件(默认位置C:\windows\system32\drivers\etc\hosts)中添加如下几行# Adobe Bl ...
Storm启动流程简介
storm启动流程 storm是一个流行的开源的,分布式实时处理框架,关于storm的基本介绍可以参加这篇官方文档.大致的拓扑结构如图所示: 其中Nimbus是一个后台 ...
iOS开发之组件化架构漫谈
前段时间公司项目打算重构,准确来说应该是按之前的产品逻辑重写一个项目.在重构项目之前涉及到架构选型的问题,我和组里小伙伴一起研究了一下组件化架构,打算将项目重构为组件化架构.当然不是直接拿来照搬,还是 ...
mysql5.6 TIME,DATETIME,TIMESTAMP
[背景] 5.6.4以后时间类型(TIME,DATETIME,TIMESTAMP)支持微秒 DATETIME范围 :'1000-01-01 00:00:00.000000' to '9999-12-3 ...

HTML之总结

随机推荐

热门专题