<html>标签：定义HTML文档

<body>标签：定义文档主体

<h1> - <h6> 标签：定义HTML标题

<hr> 标签：创建水平线

注释

<p> 标签：段落

<br />标签：换行

HTML 链接

<a> 标签：链接

默认情况下，链接将以以下形式出现在浏览器中：

一个未访问过的链接显示为蓝色字体并带有下划线。
访问过的链接显示为紫色并带有下划线。
点击链接时，链接显示为红色并带有下划线。

（1）href属性：来描述链接的地址

<a href="url">链接文本</a>

（2）target 属性：定义被链接的文档在何处显示

　　例：target="_blank"：链接将在新窗口打开

（3）id属性：在一个HTML文档书签标记

　　例：插入ID <a id="tips">文字</a>

　　　　文档中创建一个链接到ID部分 <a href="#tips">文字</a>

　　　　创建一个链接到其它文档ID部分<a href="http://www.baidu.com/html-links.html#tips">文字</a>

注释： 请始终将正斜杠添加到子文件夹。

　　例：href="http://www.baidu.com/html/

HTML <head> 元素

头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>

<title> 标签：定义了不同文档的标题

定义了浏览器工具栏的标题
当网页添加到收藏夹时，显示在收藏夹中的标题
显示在搜索引擎结果页面的标题

<base> 标签：描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接:

<base href="http://www.baidu.com/images/" target="_blank">

<link rel="stylesheet" type="text/css" href="mystyle.css">

<head>

<style type="text/css">

body {background-color:yellow}

p {color:blue}

</style>

</head>

为搜索引擎定义关键词:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

为网页定义描述内容:

<meta name="description" content="免费 Web & 编程 教程">

定义网页作者:

<meta name="author" content="Runoob">

每30秒中刷新当前页面:

<meta http-equiv="refresh" content="30">

HTML 图像- 图像标签（ <img>）和源属性（Src）

<img> 是空标签，只包含属性，没有闭合标签。

<img src="url" alt="some_text">

（1）src 属性： "source"源属性的值是图像的 URL 地址

（2）alt 属性：用来为图像定义一串预备的可替换的文本。

（3）height（高度）与 width（宽度）属性：用于设置图像的高度与宽度。

HTML 表格

<table> 标签：表格

<tr> 标签：行

<th> 标签：表头

<td> 标签：单元格

colspan="2"：链接行的两个段元格

<table border="1">

    <tr>

        <th>Header 1</th>

        <th>Header 2</th>

    </tr>

    <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>

HTML 列表

<ul> 标签：无序列表

<ol> 标签：有序列表

<li> 标签：每个列表项的开始

<ul>

<li>Coffee</li>

<li>Milk</li>

</ul>

<ol>

<li>Coffee</li>

<li>Milk</li>

</ol>

<dl>标签：自定义例表

<dl>

<dt>自定义列表项</dt>

<dd>自定义列表项的定义<dd>

<dt>自定义列表项</dt>

<dd>自定义列表项的定义<dd>

</dl>

HTML 区块

<div> 元素：块级元素，可用于组合其他 HTML 元素的容器。

<span> 元素：内联元素，可用作文本的容器。

<table> 元素：作用是显示表格化的数据。

块级元素(block-level)：在浏览器显示时，通常会以新行来开始（和结束）。例: <h1>, <p>, <ul>, <table>

内联元素(inline)：在显示时通常不会以新行开始。例: <b>, <td>, <a>, <img>

HTML 布局

<div>块级元素或是<table>表格化的数据

HTML 表单和输入

<form>标签：表单

<input>标签：输入

文本域（Text Fields）：缺省宽度是20个字符

<form>

First name: <input type="text" name="firstname"><br>

Last name: <input type="text" name="lastname">

</form>

密码字段：<input type="password">——密码不会显示，以星号或圆点替代

<form>

Password: <input type="password" name="pwd">

</form>

单选按钮：<input type="radio">

<form>

<input type="radio" name="sex" value="male">Male<br>

<input type="radio" name="sex" value="female">Female

</form>

复选框：<input type="checkbox">

<form>

<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>

<input type="checkbox" name="vehicle" value="Car">I have a car

</form>

提交按钮：<input type="submit">

<form name="input" action="html_form_action.php" method="get">

Username: <input type="text" name="user">

<input type="submit" value="Submit">

</form>

HTML 框架

iframe语法：<iframe src="URL"></iframe>

height 和 width 属性：用来定义iframe标签的高度与宽度。——属性默认以像素为单位,

<iframe src="demo_iframe.htm" width="200" height="200"></iframe>

frameborder 属性：是否显示边框——属性值为 "0" 移除iframe的边框

<iframe src="demo_iframe.htm" frameborder="0"></iframe>

例：点击链接，链接地址页面显示在iframe框架中

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>

<p><a href="http://www.baidu.com" target="iframe_a">baidu.com</a></p>

注：name和target名字相同。

HTML 回顾整理的更多相关文章

logback日志回顾整理--2018年8月8日
几年前使用过logback作为项目的日志框架. 当时觉得这个框架比log4j更加好用. 所以系统的学习了一遍. 后来换了公司, 不再使用logback. 如今, 又有机会使用logback了, 所以, ...
Java知识系统回顾整理01基础02面向对象01类和对象
一.面向对象实例--设计英雄这个类 LOL有很多英雄,比如盲僧,团战可以输,提莫必须死,盖伦,琴女所有这些英雄,都有一些共同的状态比如,他们都有名字,hp,护甲,移动速度等等这样我们就可以设计一 ...
Java知识系统回顾整理01基础05控制流程07结束外部循环
一.break是结束当前循环二.结束当前循环实例 break; 只能结束当前循环 public class HelloWorld { public static void main(String[] ...
Java知识系统回顾整理01基础05控制流程06break
一.break break:结束循环二.练习--直接结束当前for循环 public class HelloWorld { public static void main(String[] args ...
Java知识系统回顾整理01基础05控制流程04 for
一.for 比较for和while public class HelloWorld { public static void main(String[] args) { //使用while打印0到4 ...
Java知识系统回顾整理01基础05控制流程01if
一.if if(表达式1){ 表达式2: } 如果表达式1的值是true, 就执行表达式2 public class HelloWorld { public static void main(Stri ...
Java知识系统回顾整理01基础04操作符06三元运算符
一.三元运算符表达式?值1:值2 如果表达式为真返回值1 如果表达式为假返回值2 if语句学习链接:if语句 public class HelloWorld { public static vo ...
Java知识系统回顾整理01基础04操作符02关系操作符
一.关系操作符关系操作符:比较两个变量之间的关系 > 大于 >= 大于或等于 < 小于 <= 小于或等于 == 是否相等 != 是否不等 public class Hell ...
Java知识系统回顾整理01基础04操作符01算术操作符
一.算数操作符类别基本的有: + - * / % 自增自减: ++ -- 二.基本算数操作符 + - * / 基本的加减乘除 public class HelloWorld { public ...
Java知识系统回顾整理01基础03变量07final关键字
一.final赋值 final 修饰一个变量,有很多种说法,比如不能改变等等准确的描述是当一个变量被final修饰的时候,该变量只有一次赋值的机会二.在声明的时候赋值 i已经被赋值为5,所以这里 ...

随机推荐

alpha冲刺7/10
目录摘要团队部分个人部分摘要队名:小白吃组长博客:hjj 作业博客:冲刺7 团队部分后敬甲(组长) 过去两天完成了哪些任务界面设计.图标设计写博客接下来的计划准备下周答辩跟进进 ...
js中时间大小的比较
今天在前台做到一个需要比较两个日期大小的地方,乍一看,发现一个比较奇怪地地方: var t1 = new Date(2018,1,1), t2 = new Date(2018,1,1); consol ...
集群LVS
集群分为LB负载均衡集群,HA高可用集群,LB高应用集群. 前两种比较常见 LB是更加注重性能处理速度,而HA注重是服务器的在线时间. HA集群一般设有主重,当主服务器当掉时候,重服务器进行工作,此时 ...
Codeforces 354B dp Game with Strings dp
Game with Strings 题意并不是在图上走,看了好久才看出来.. dp[ i ][ mask ]表示从 i 层开始走,起点有mask个, a的个数-b的个数的最大值或者最小值. #in ...
网页安全政策"（Content Security Policy，缩写 CSP）
作者:阿里聚安全链接:https://www.zhihu.com/question/21979782/answer/122682029来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载 ...
html5的audio实现高仿微信语音播放效果Demo
HTML部分: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <t ...
UOJ#53. 【UR #4】追击圣诞老人树链剖分 k短路
原文链接https://www.cnblogs.com/zhouzhendong/p/UOJ53.html 题意给定一棵有 n 个节点的树. 每一个点有一个权值. 对于每一个 $i$ 给定三个参数 ...
Hive| 查询
Hive中执行SQL语句时,出现类似于“Display all 469 possibilities? (y or n)”的错误,根本原因是因为SQL语句中存在tab键导致,tab键在linux系统中是 ...
XamarinAndroid组件教程RecylerView自定义适配器动画
XamarinAndroid组件教程RecylerView自定义适配器动画如果RecyclerViewAnimators.Adapters命名空间中没有所需要的适配器动画,开发者可以自定义动画.此时 ...
多表查询、可视化工具、pymysql模块
create table dep( id int primary key auto_increment, name varchar(16), work varchar(16) ); create ta ...

HTML 回顾整理