HTML回顾

HTML基础

什么是HTML？

  • 超文本标记语言  一种用于创建网页的标准标记语言。
  • ”超文本“指页面内可以包含图片、链接、音乐等等非文字元素。
  • 你可以使用HTML来建立自己的WEB站点，HTML运行在浏览器上，由浏览器来解析。
  • HTML文档包括HTML标签(元素)及文本内容。
  • HTML的后缀名为.html或.htm 注释<!-- -->。

HTML文档基本格式

<!DOCTYPE html><!--声明为HTML5文档-->
<html><!--HTML页面的根元素 文档中HTML部分的开始-->
<head> <!--包含了文档的元数据 <meta charset="utf-8"> 定义网页编码格式为utf-8-->
<meta charset="utf-8"> <!--避免出现乱码-->
<title>HTML代码</title> <!--文档的标题-->
</head>
<body><!--可见的页面内容-->
Hello World！

</body>
</html>

HTML基本元素

HTML 元素语法
  • HTML 元素以开始标签起始 
  • HTML 元素以结束标签终止
  • 元素的内容是开始标签与结束标签之间的内容
  • 某些 HTML 元素具有空内容（empty content）
  • 空元素在开始标签中进行关闭（以开始标签的结束而结束）
  • 大多数 HTML 元素可拥有属性
  • 开始标签常被称为起始标签（opening tag），结束标签常称为闭合标签（closing tag）
A 元素 | a 对象    标明超链接的起始或目的位置。
<!-- 链接到服务器。 --><A HREF="http://www.microsoft.com">Microsoft 主页。</A>
<!-- 链接到同目录的文件。 --><A HREF="home.htm">home.htm</A><!-- 在由 TARGET 指定的窗口中打开文件。 -->
<A TARGET="viewer" HREF="sample.htm">在窗口中打开</A><!-- 将 IMG 元素作为链接的一部分。 -->
<A HREF="http://www.microsoft.com"><IMG SRC="images/bullet.gif">链接</A>
<!-- 链接到锚。 --><A HREF="#anchor">锚</A><!-- 定义一个锚。 --><A NAME="anchor">
<!-- 调用 JScript 函数 --><A HREF="javascript:window.open()">链接</A>
ABBR元素|abbr对象    定义缩写
 <abbr title="Hello World">HW</abbr>
ADDRESS 元素 | address 对象    特定信息，如地址、签名、作者、此文档的原创者。
<ADDRESS>此文本将以斜体显示。</ADDRESS>
B 元素 | b 对象   指定文本应以粗体渲染。
<B>此文本将以粗体显示。</B>
BR 元素 | br对象    插入一个换行符。
DEL 元素 | del 对象    表明文本已经从文档中删除。
INS 元素 | ins 对象指定被插入到文档中的文本。
<p>我是 <del>大神</del> <ins>菜鸟</ins>!</p>
EM 元素 | em对象    强调文本，通常以斜体渲染。
<EM>此文本将以某种方式强调(最可能为斜体)。</EM>
<h1> - <h6> 标签   h系列标签，标题
<h1>这是一个标题</h1>
<h2>这是一个标题</h2>
<h3>这是一个标题</h3>
HR 元素 | hr 对象    绘制水平线。
I 元素 | i 对象    指定文本应以斜体渲染，若可用的话。
<I>此文本将以斜体显示。</I>
IMG 元素 | img 对象    在文档中嵌入图像或视频剪辑。
<img src="/images/head.png" width="200" height="100" />
P 元素 | p 对象    引起一段。
<P>这是一段。</P>
SUB 元素 | sub     对象指定内含文本要以下标的形式显示，通常比当前字体稍小。
SUP 元素 | sup 对象指定内含文本要以上标的形式显示，通常比当前字体稍小。
<p>这是 <sub>下标</sub>文本。</p>
<p>这是<sup>上标</sup> 文本。</p>

 

VAR 元素 | var 对象定义编程变量。通常以斜体渲染。
请在对话框中输入<VAR>文件名</VAR>。

HTML 属性

  • HTML 元素可以设置属性
  • 属性可以在元素中添加附加信息
  • 属性一般描述于开始标签
  • 属性总是以名称/值对的形式出现，比如：name="value"
属性 描述
class 为html元素定义一个或多个类名(类名从样式文件引入)
id 定义元素的唯一id
style 规定元素的行内样式（inline style）
title 描述了元素的额外信息 (作为工具条使用)
posted @ 2019-08-09 09:11  Jameelah  阅读(229)  评论(0)    收藏  举报