美文网首页
H5零基础-HTML语法

H5零基础-HTML语法

作者: 翀鹰精灵 | 来源:发表于2021-12-10 18:03 被阅读0次

HTML指的是超文本标记语言(Hyper Text Markup Language),它是用来描述网页的一种语言。
所谓超文本,有2层含义:
1.它可以加入图片、声音、动画、多媒体等内容(超越了文本显示);
2.它还可以从一个文件跳转到另一个文件,与世界各地主机的文件练级(超级链接文本)。

Web标准的构成
主要包括结构(structure)、表现(presentation) 和 行为(behavior)三个方面。

标准 说明
结构 结构用于对网页元素进行整理和分类,现阶段主要是HTML
表现 表现用于设置网页元素的板式,颜色,大小等外观样式,指的是CSS
行为 行为指的是网页模型的定义及交互的编写,现阶段主要是JavaScript

简单理解:结构写到HTML文件中,表现写到CSS文件中,行为写到JavaScript文件中。

image.png

一.HTML语法

1.1 语法概述
①.HTML标签是由尖括号包围的关键词,例如<html>。
②.HTML标签通常是成对出现的,例如<html> 和 </html>,我们成为双标签
③.有些特殊的标签是单个标签(极少情况),比如
,我们成为单标签
1.2 标签关系
双标签关系可以分为两类:包含关系并列关系
① 包含关系

<head>
    <title> </title>
</head>

① 并列关系

<head></head>
<body></body>

1.3 HTML基本标签(也称骨架标签)

<html>
        <head>
              <title>网页标题</title>
        </head>

        <body>
              网页主体内容
        </body>
<html/>
标签名 定义 说明
<html></html> HTML标签 页面中最大的标签,我们成为标签
<head></head> 文档的头部 注意head标签中我们必须要设置的标签是title
<title></title> 文档的标题 页面的网页标题
<body></body> 文档的主体 元素包含文档的所有内容,页面内容基本都是放在body里面的

保存为html格式,用浏览器打开后效果如下所示:

image.png

END.

相关文章

  • H5零基础-HTML语法

    HTML指的是超文本标记语言(Hyper Text Markup Language),它是用来描述网页的一种语言。...

  • Angular 学习路线

    第零步:基础语法 在学习 Vue 之前,首先你需要掌握 Html CSS JavaScript 的基础语法。 第一...

  • 零基础学Web前端系列教程

    零基础学Web前端系列——HTML实战入门视频教程 简介: 本视频教程主要讲解了HTML基础语法,内容主要包括:H...

  • HTML与CSS之HTML的基础语法

    HTML的基础语法 ** HTML ​ HTML(HyperText Markup Language)就是超文本标...

  • 基础

    这个是h5 表示 //设定编码格式 HTML5基础 /...

  • HTML基础语法

    一、概念 (Hyper Text Markup Language)超文本标记语言,是用来描述网页的一种语言 1、超...

  • HTML基础语法

    标记语言 1.HTML用于描述功能的符号称为“标记”,比如 、 等 --标记在使用时必须使用尖括号括起来 --...

  • HTML基础语法

  • HTML基础语法

    HTML是用来描述网页的一种语言,以下均为本人在菜鸟教程上面学习总结出来的一些简单的语法。首先得用文本编辑器,我用...

  • HTML基础语法

    标记 标记就是完成某种功能的字符串,也可以成为元素(Element)。 标记分类 根据是否包含子标记或内容: 单标...

网友评论

      本文标题:H5零基础-HTML语法

      本文链接:https://www.haomeiwen.com/subject/fcbcfrtx.html