HTML 使用教程

      超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。
HTML 运行在浏览器上,由浏览器来解析。

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

HTML文档的后缀名

  • .html
  • .htm

以上两种后缀名没有区别,都可以使用。

HTML实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
 
<h1>我的第一个标题</h1>
 
<p>我的第一个段落。</p>
 
</body>
</html>

HTML 网页结构图

HTML 网页结构图

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

HTML 标题

HTML 标题(Heading)是通过<h1> - <h6> 标签来定义的。

<h1>这是一个标题</h1>
<h2>这是一个标题</h2>
<h3>这是一个标题</h3>

HTML 段落

HTML 段落是通过标签 <p> 来定义的。

<p>这是一个段落。</p>

HTML 链接

HTML 链接是通过标签 <a> 来定义的。href 属性中指定要链接的地址。

<a href="https://www.cnblogs.com">这是一个链接</a>

HTML 图像

HTML 图像是通过标签 <img> 来定义的。

<img src="/images/logo.png" width="258" height="39" />

注意:图像的地址(一般用相对地址,提高兼容性)和尺寸是以属性的形式提供的。

HTML 元素

HTML 文档由 HTML 元素定义

header
posted @   Cc710  阅读(205)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
点击右上角即可分享
微信分享提示