热门关键字:
jquery > jquery教程 > jquery教程 > HTML从入门到放弃 练习笔记

HTML从入门到放弃 练习笔记

320
作者:管理员
发布时间:2021/3/2 11:41:46
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4057
  HTML 是用来描述网页的一种语言。


  HTML 指的是超文本标记语言:HyperText?Markup?LanguageHTML 不是一种编程语言,而是一种标记语言标记语言是一套标记标签?(markup tag)HTML 使用标记标签来描述网页HTML 文档包含了HTML?标签及文本内容HTML文档也叫做?web 页面


  超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。


  notepad++: Code: Text:


  1、文件拓展名默认使用htm或者html,便于操作系统或者程序辨认文件,而图片则基本上存为gif或jpg


  2、浏览器默认忽视回车符,不过为了方便阅览,人们还是会习惯地在写完一段代码后进行回车


  3、标记符号用尖括号括起来,带斜杠的元素表示该标记说明结束,大多数标记符必须成对使用,用以说明起始和结束。


  4、必须使用半角而不是全角字符


  5、HTML注释<!--注释内容-->的内容不给予显示。


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


  HTML 标签是由尖括号包围的关键词,比如 <html>HTML 标签通常是成对出现的,比如 <b> 和 </b>标签对中的第一个标签是开始标签,第二个标签是结束标签开始和结束标签也被称为开放标签和闭合标签


  "HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思。


  但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签,如下实例:


  HTML 元素:


  <!DOCTYPE>声明有助于浏览器中正确显示网页。


  网络上有很多不同的文件,如果能够正确声明HTML的版本,浏览器就能正确显示网页内容。


  doctype 声明是不区分大小写的,以下方式均可:


  HTML5


  HTML 4.01


  XHTML 1.0


  查看完整网页声明类型DOCTYPE 参考手册。


  说明:让网页多长时间(秒)刷新自己,或在多长时间后让网页自动链接到其它网页。


  注意:其中的5是指停留5秒钟后自动刷新到URL网址。


  注意:对于中文网页需要使用?<meta charset="utf-8">?声明编码,否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码,则你需要设置为?<meta charset="gbk">。


  实例解析:


  <!DOCTYPE html>?声明为 HTML5 文档<html>?元素是 HTML 页面的根元素<head>?元素包含了文档的元(meta)数据,如?<meta charset="utf-8">?定义网页编码格式为?utf-8。<title>?元素描述了文档的标题<body>?元素包含了可见的页面内容<h1>?元素定义一个大标题<p>?元素定义一个段落


  目前在大部分浏览器中,直接输出中文会出现中文乱码的情况,这时候我们就需要在头部将字符声明为 UTF-8 或 GBK。


  HTML 实例:


  HTML文档由HTML元素定义


  开始标签 *元素内容结束标签 *<p>这是一个段落</p><a href="default.htm">这是一个链接</a><br>换行?


  *开始标签常被称为起始标签(opening tag),结束标签常称为闭合标签(closing tag)。


  大多数HTML元素可以嵌套(HTML元素可以包含其他HTML元素)。


  以上实例包含了3个HTML元素:


  <p>元素:


  这个 <p> 元素定义了 HTML 文档中的一个段落。


  这个元素拥有一个开始标签 <p> 以及一个结束标签 </p>.


  <body>元素:


  <body> 元素定义了 HTML 文档的主体。


  这个元素拥有一个开始标签 <body> 以及一个结束标签 </body>。


  元素内容是另一个 HTML 元素(p 元素)。


  <html> 元素:


  <html> 元素定义了整个 HTML 文档。


  这个元素拥有一个开始标签 <html> ,以及一个结束标签 </html>.


  元素内容是另一个 HTML 元素(body 元素)。


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


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


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


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


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


  属性是HTML元素提供的附加信息


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


  拥有关于对其方式的附加信息:


  <h1 align="center">


  拥有关于背景颜色的附加信息:


  <body bgcolor="yellow">


  属性和属性值对大小写不敏感。


  不过,万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。


  而新版本的 (X)HTML 要求使用小写属性。


  属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。


  在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:


  下面列出了适用于大多数 HTML 元素的属性:


  属性值描述classclassname规定元素的类名(classname)idid规定元素的唯一 idstylestyle_definition规定元素的行内样式(inline style)titletext规定元素的额外信息(可在工具提示中显示)


  <h1>定义最大的标题。<h6>定义最小的标题。


  <br /> 元素是一个空的 HTML 元素。由于关闭标签没有任何意义,因此它没有结束标签。


  通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。


  然而,这些标签的含义是不同的:


  <b> 与<i> 定义粗体或斜体文本。


  <strong> 或者 <em>意味着你要呈现的文本是重要的,所以要突出显示。现今所有主要浏览器都能渲染各种效果的字体。不过,未来浏览器可能会支持更好的渲染效果。


  当您把鼠标移至缩略词语上时,title 可用于展示表达的完整版本


  HTML 文本格式化标签


  标签描述<b>定义粗体文本<em>定义着重文字<i>定义斜体字<small>定义小号字<strong>定义加重语气<sub>定义下标字<sup>定义上标字<ins>定义插入字<del>定义删除字


  HTML "计算机输出" 标签


  标签描述<code>定义计算机代码<kbd>定义键盘码<samp>定义计算机代码样本<var>定义变量<pre>定义预格式文本


  HTML 引文, 引用, 及标签定义


  标签描述<abbr>定义缩写<address>定义地址<bdo>定义文字方向<blockquote>定义长的引用<q>定义短的引用语<cite>定义引用、引证<dfn>定义一个定义项目。


  值描述_blank在新窗口中打开。_self默认。在相同的框架中打开。_parent在父框架集中打开。_top在整个窗口中打开。framename在指定的框架中打开。


  提示:?书签是不以任何特殊的方式显示,在HTML文档中是不显示的,所以对于读者来说是隐藏的。


  个人理解应该可以用于返回顶部,在当前页面链接到指定位置


  在HTML文档中创建一个链接到"有用的提示部分(id="tips")":


  或者,从另一个页面创建一个链接到"有用的提示部分(id="tips")":


  注释:?请始终将正斜杠添加到子文件夹。假如这样书写链接:href="",就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href=""。


  <head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本(scripts), 样式文件(CSS),及各种meta信息。


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


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


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


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


  <link> 标签定义了文档与外部资源之间的关系。


  <link> 标签通常用于链接到样式表:


  <style> 标签定义了HTML文档的样式文件引用地址。


  在<style> 元素中你也可以直接添加样式来渲染 HTML 文档:


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


  META 元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据。


  元数据可以使用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他Web服务。


  <meta> 一般放置于 <head> 区域


  9.6.1.为搜索引擎定义关键词:


  9.6.2.为网页定义描述内容:


  9.6.3.定义网页作者:


  9.6.4.每30秒钟刷新当前页面:


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


  CSS (Cascading Style Sheets) 用于渲染HTML元素标签的样式


  //csstest1.css


  当特殊的样式需要应用到个别元素时,就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。


  标签描述<style>定义样式定义。<link>定义资源引用。<div>定义文档中的节或区域(块级)。<span>定义文档中的行内的小块或区域。<font>规定文本的字体、字体尺寸、字体颜色。不赞成使用。请使用样式。<basefont>定义基准字体。不赞成使用。请使用样式。<center>对文本进行水平居中。不赞成使用。请使用样式。




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐