一：HTML基础

一、什么是ＨＴＭＬ

１.HTML: Hyper Text Markup Language，超文本标记语言。

2.HTML不是一种编程语言，而是一种标记语言。

3.标记语言是一套标记标签(markup tag)

4.HTML是使用标记标签用来描述网页的一种标记语言。

5.HTML文档也叫做web页面

6.HTML文档包含了HTML标签和文本内容。

二、HTML结构

<!DOCTYPE html>   # 声明文档类型为HTML文档，有助于浏览器中正确显示网页。网络上有很多不同的文件，如果能够正确声明HTML的版本，浏览器就能正确显示网页内容。

　　HTML5：<!DOCTYPE html> 

      HTML4.01： <!DOCTYPE HTML PUBLIC   "-//W3C//DTD HTML 4.01 Transitional//EN"
　　　　　　　　"http://www.w3.org/TR/html4/loose.dtd">

　　XHTML 1.0：　<!DOCTYPE html PUBLIC ..............>

<html></html>   #　描述了文档类型为HTML文档

<head></head>  文档首部信息。

<body></body>   为可视化网页内容

 

二.1、HTML头部

<head></head>  文档首部信息。

<head>元素包含了所有的头部标签元素。

在 <head>元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。

可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.

 

<title> - 定义了HTML文档的标题：使用 <title> 标签定义HTML文档的标题

  • 定义了浏览器工具栏的标题

  • 当网页添加到收藏夹时，显示在收藏夹中的标题

  • 显示在搜索引擎结果页面的标题

<base> - 定义了所有链接的URL：使用 <base> 定义页面中所有链接默认的链接目标地址。

<meta> -meta标签描述了一些基本的元数据：

  • 　　使用 <meta> 元素来描述HTML文档的描述，关键词，作者，字符集等。
  • 　　元数据也不显示在页面上，但会被浏览器解析
  • 　　为搜索引擎定义关键词:　<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
  • 　　为网页定义描述内容:  <meta name="description" content="Free Web tutorials on HTML and CSS">
  • 　　定义网页作者: <meta name="author" content="Hege Refsnes">
  • 　　每30秒 刷新一次当前页面: <meta http-equiv="refresh" content="30">

<style> 标签定义了HTML文档的样式文件引用地址：在<style> 元素中你需要指定样式文件来渲染HTML文档:

　　<style type="text/css">
　　body {background-color:yellow}
　　p {color:blue}
　　</style>

<link> 定义了一个文档和外部资源之间的关系

<script> 定义了客户端的脚本文件，如：JS；可定义在任意位置。

三、HTML标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)

1.HTML标签是由尖括号包围的关键词，比如 <html>

２.HTML 标签通常是成对出现的，比如 <b> 和 </b>

3.标签对中的第一个标签是开始标签，第二个标签是结束标签

4.开始和结束标签也被称为开放标签和闭合标签

5.HTML 标签对大小写不敏感：<P> 等同于 <p>。

<标签>文本内容</标签>

四、HTML元素：Element

通常，HTML标签和HTML元素都是一个意思。

但是严格的讲，一个HTML元素包含了开始标签和结束标签

<标签>元素内容</标签>   　这个整体称为HTML元素

 

  • HTML 元素以开始标签起始
  • HTML 元素以结束标签终止
  • 元素的内容是开始标签与结束标签之间的内容
  • 某些 HTML 元素具有空内容（empty content）
  • 空元素在开始标签中进行关闭（以开始标签的结束而结束）
  • 大多数 HTML 元素可拥有属性

HTML 空元素：

没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。

<br> 就是没有关闭标签的空元素（<br> 标签定义换行）。

在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。

在开始标签中添加斜杠，比如 <br />，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。

即使 <br> 在所有浏览器中都是有效的，但使用 <br /> 其实是更长远的保障。

五、HTML属性

  • HTML 元素可以设置属性
  • 属性可以在元素中添加附加信息 about an element
  • 属性一般描述于开始标签
  • 属性总是以名称=值对的形式出现，比如：name="value"。

如：HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定

http://blog.csdn.net/sziit_jerry/article/details/51548650

 

五、标记符号

  • html：整个页面
  • head：页面首部
  • title：页面标题
  • body：页面正文
  • p：段落
  • h1-6：标题1号到6号
  • hr：水平线
  • a：锚点
示例：
<a href="www.baidu.com" target="_self">百度网址</a> 
# 使用 Target 属性，你可以定义被链接的文档在何处显示；id属性可用于创建在一个HTML文档书签标记，用于开发人员，在HTML文档中是不显示的。

<img src='xx.png' width='400' height='300'>

HTML 标题：标题（Heading）是通过 <h1> - <h6> 标签进行定义的.请确保将 HTML heading 标签只用于标题。不要仅仅是为了生成粗体或的文本而使用标题。

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

如果您希望在不产生一个新段落的情况下进行换行（新行），使用 <br /> 标签：　<p>This is<br />a para<br>graph with line breaks</p>

五、URL

scheme://host.domain:port/path/filename

  • scheme - 定义因特网服务的类型。最常见的类型是 http

  • host - 定义域主机（http 的默认主机是 www）

  • domain - 定义因特网域名，比如 ziqiangxuetang.com

  • :port - 定义主机上的端口号（http 的默认端口号是 80）

  • path - 定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）。

  • filename - 定义文档/资源的名称

Scheme访问用于...
http 超文本传输协议 以 http:// 开头的普通网页。不加密。
https 安全超文本传输协议 安全网页。解密所有信息交换。
ftp 文件传输协议 用于将文件下载或上传至网站。
file   您计算机上的文件。

 

 

 

 

 

URL 字符编码

URL 只能使用 ASCII 字符集.来通过因特网进行发送。

由于 URL 常常会包含 ASCII 集合之外的字符，URL 必须转换为有效的 ASCII 格式。

URL 编码使用 "%" 其后跟随两位的十六进制数来替换非 ASCII 字符。

URL 不能包含空格。URL 编码通常使用 + 来替换空格。

 

posted on 2018-03-01 16:09  myworldworld  阅读(98)  评论(0)    收藏  举报

导航