欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  IT编程

HTML回顾

程序员文章站 2023-11-10 20:37:04
HTML基础 什么是HTML？ 超文本标记语言 一种用于创建网页的标准标记语言。 ”超文本“指页面内可以包含图片、链接、音乐等等非文字元素。 你可以使用HTML来建立自己的WEB站点，HTML运行在浏览器上，由浏览器来解析。 HTML文档包括HTML标签(元素)及文本内容。 HTML的后缀名为.ht ......

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 描述了元素的额外信息 (作为工具条使用)

上一篇： 一个手写的Vue放大镜，复制即可使用

下一篇： 微信小程序中子页面向父页面传值实例详解

推荐阅读