<html>标签:定义HTML文档

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

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

<hr> 标签:创建水平线

<!-- 这是一个注释 --> 注释

<p> 标签:段落

<br />标签:换行


HTML 链接

<a> 标签:链接

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

  • 一个未访问过的链接显示为蓝色字体并带有下划线。

  • 访问过的链接显示为紫色并带有下划线。

  • 点击链接时,链接显示为红色并带有下划线。

(1)href属性:来描述链接的地址

链接文本

(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文档中所有的链接标签的默认链接:

<link> 标签:链接到样式表(CSS)

<style> 元素:直接添加CSS样式来渲染 HTML 文档

body {background-color:yellow}p {color:blue}

<meta> 标签:提供了元数据不显示在页面上,但会被浏览器解析。

 为搜索引擎定义关键词:

为网页定义描述内容:

定义网页作者:

每30秒中刷新当前页面:

<script>标签:用于加载脚本文件,如: JavaScript


HTML 图像- 图像标签( <img>)源属性(Src)

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

(1)src 属性: "source"源属性的值是图像的 URL 地址

(2)alt 属性:用来为图像定义一串预备的可替换的文本。

(3)height(高度) 与 width(宽度)属性:用于设置图像的高度与宽度。


HTML 表格

<table> 标签:表格

<tr> 标签:行

<th> 标签:表头

<td> 标签:单元格

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

            Header 1        Header 2                row 1, cell 1        row 1, cell 2                row 2, cell 1        row 2, cell 2    


HTML 列表

 <ul> 标签:无序列表

 <ol> 标签:有序列表

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

  • Coffee
  • Milk
  1. Coffee
  2. Milk

标签:自定义例表
自定义列表项
自定义列表项的定义
自定义列表项
自定义列表项的定义

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个字符

First name: 
Last name: 

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

Password: 

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

Male
Female

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

I have a bike
I have a car 

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

Username: 

HTML 框架

<iframe>框架:在同一个浏览器窗口中显示不止一个页面。

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

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

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

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

baidu.com

注:name和target名字相同。