`
wangyongfei
  • 浏览: 23192 次
  • 性别: Icon_minigender_1
文章分类
社区版块
存档分类
最新评论

HTML的简单应用

阅读更多

1.HTML是一种简单的代码,由web浏览器解释,为用户显示一个网页。

HTML代表“HyperText Markup Language(超文本标记语言,标记语言是一套标记标签)”。 超文本是指它是一种支持网页之间的超链接的文本。 标记是指我们将一份文件用代码标记组织起来,然后告诉某个东西(在这种情况下,浏览器中) 如何解释网页。HTML 代码是由标记构成的,每一个都是由 < 开始,由结束 >. 这些标签表示标记元素。你可以使用HTML来建立自己的WEB站点,HTML运行在浏览器上,由浏览器来解析。

简单的实例:

 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>网页名称</title>
</head>
<body>
    <h1>第一个标题</h1>
    <p>第一个段落。</p>
</body>
</html>

对于中文网页要使用<meta charset="utf-8">声明编码,否则会出现乱码。

 基本元素:

<!DOCTYPE html>声明为HTML5文档 
<html>元素是HTML页面的根元素
<head>元素包含了文档的元(meta)数据
<title>元素描述了文档的标题
<body>元素包含了可见的页面内容
<h1>元素定义一个大标题
<p>元素定义一个段落

 常用元素:

 

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

 

2.HTML标签

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

HTML标签室友尖括号包围的关键词,比如<html>

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

标签对中的第一个标签是开始标签,第二分标签是结束标签。开始标签和结束标签也被称为开放标签和闭合标签。

<标签>内容<标签>

 3.HTML元素

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

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

HTML元素:

<p>段落</p>

 

 

分享到:
评论

相关推荐

    AngularJS教程之简单应用程序示例

    本文将通过一个简单示例程序来讲解如何使用AngularJS创建一个基本的应用。 在开始之前,我们需要了解几个关键的AngularJS指令(Directives): - `ng-app`: 这是一个引导指令,用于自动初始化一个AngularJS应用...

    html简单合并表格的应用代码

    html合并简单表格的应用代码

    简单的JAVAweb应用

    这个"简单的JAVAweb应用"项目是一个非常适合初学者入门的实例,它可以帮助你理解JAVA Web开发的基本概念和流程。 首先,我们来看"JAVA Web"的含义。JAVA Web是指使用Java语言开发的Web应用程序,这些程序通常运行在...

    大模型应用-为Ollma开发的简单的HTML网页UI应用-附项目源码-优质项目实战.zip

    大模型应用_为Ollma开发的简单的HTML网页UI应用_附项目源码_优质项目实战

    简单的html应用--新疆旅游网(不喜勿喷)

    这是自己学习的心得 应用都是些简单案列

    HTML5 手机端APP简单demo

    HTML5手机端APP简单demo是用于展示HTML5技术在移动端应用的一个实例,它通常包含多个页面,用于测试和展示HTML5的各种功能和特性。在这个demo中,我们可以看到开发者设计了四五个页面,这些页面可能包括启动页、主页...

    html+js+css基础框架代码示例 创建一个简单的待办事项应用

    这个示例展示了如何使用HTML、CSS和JavaScript创建一个简单的待办事项(To-Do List)应用。该应用程序允许用户添加、标记完成和删除待办事项。通过这个示例,你可以了解HTML结构、CSS 代码解析 1. HTML部分: input...

    百度地图简单应用

    **百度地图简单应用** 在移动开发和Web开发中,地图应用是不可或缺的一部分,尤其是在导航、定位、信息查询等领域。本文将深入探讨“百度地图简单应用”,以帮助开发者快速理解和掌握如何利用百度地图API进行基本的...

    python+html桌面应用实例

    pywebview是一个跨平台的库,它为Python提供了一个简单的接口,可以在本地创建原生的桌面窗口并加载HTML内容。这个库支持Windows、macOS和Linux等操作系统,使得开发者可以用相同的代码基础构建多平台的应用。...

    HTML5响应式手机应用教程网站源码 APP应用软件下载pbootcms网站模板886

    (自适应手机端)HTML5响应式手机应用教程网站源码 APP应用软件下载pbootcms网站模板 安装教程:www.diyiyuanma.cn/100.html 快速收录推送工具:www.diyiyuanma.cn/122.html 效果演示:diyiyuanma.lxsjfx.cn/a/008/886...

    创建简单的WEBX应用

    本文介绍了如何使用 Webx 框架创建一个简单的 "Hello World" 应用。Webx 是阿里巴巴开发的一款基于 Java 的开源 Web 应用框架,它结合了 Spring 和 iBatis 等其他优秀框架,提供了快速开发、易于维护的特点。通过...

    HTML5之简单的音视频应用开发探寻.pdf

    HTML5之简单的音视频应用开发探寻.pdf

    C#Web窗体类简单应用实例

    以下是关于“C#Web窗体类简单应用实例”的详细知识讲解。 1. **C#窗体类基础** C#中的窗体类(System.Windows.Forms.Form)是Windows应用程序中用户界面的基础。但在Web开发中,我们通常使用ASP.NET的Page类或...

    简单html个人网站

    HTML(HyperText Markup Language)是用于创建网页的标准标记语言,它是互联网上应用最为广泛的语言,也是构成网页的基础。"简单html个人网站"标题表明我们正在讨论一个基础的HTML模板,适用于构建个人网站。这个...

    一个简单的HTML5网页设计

    在这个“一个简单的HTML5网页设计”项目中,我们可以看到它被应用于创建一个多页面的网站,可能是某个大学生的结课作业。 首先,HTML5引入了语义化标签,如`&lt;header&gt;`, `&lt;nav&gt;`, `&lt;section&gt;`, `&lt;article&gt;`, `...

    用Html所做的简单网页

    总结来说,这个“用Html所做的简单网页”项目涵盖了HTML的基础结构,CSS的样式应用,以及可能的响应式设计技术,这些都是网页开发的基本技能。通过实践和学习这些知识,开发者可以创建出具有专业外观和用户体验的...

    ratchet用简单的HTMLCSS和JavaScript组件创建移动应用

    标题中的“ratchet用简单的HTMLCSS和JavaScript组件创建移动应用”意味着Ratchet提供了一套易用的开发框架,特别适合那些希望以最少的学习曲线进入移动应用开发领域的开发者。它不需要复杂的编程语言或平台特定的...

    应用HTML5_开发手机APP

    在实际开发中,例如创建一个简单的Hello World应用,开发者会在项目的"assets/www"目录下创建一个名为"index.html"的文件,放入HTML5的基本结构和内容。在本例中,添加了一个简单的标题和一个JavaScript引用,即...

    bootstrap实现的自适应页面简单应用示例

    Bootstrap实现的自适应页面简单应用示例 在本文中,我们将详细介绍Bootstrap实现的自适应页面简单应用示例,结合具体实例形式分析了基于Bootstrap的列表布局结构页面实现与使用技巧。 首先,让我们了解什么是...

    html的简单使用

    html 简单开发 移动应用使用html5

Global site tag (gtag.js) - Google Analytics