前端开发-HTML基础语法与基本结构

HTML介绍
1、什么是 HTML?
HTML 是用来描述网页的一种语言。

HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言,而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
2、HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

HTML 标签是由尖括号包围的关键词,比如
HTML 标签通常是成对出现的,比如
标签对中的第一个标签是开始标签,第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
3、HTML 文档 = 网页
HTML 文档描述网页
HTML 文档包含 HTML 标签和纯文本
HTML 文档也被称为网页
Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容

My First Heading

My first paragraph.

代码解释: 与 之间的文本描述网页 与 之间的文本是可见的页面内容

之间的文本被显示为标题

之间的文本被显示为段落

HTML基本结构
1、HTML基本结构

标题 内容显示区域 以上就是一个最基本的网页,下面为解释: (1) HTML文档是由html、head和body三大元素构成。 (2) …: 表示文档最外层的元素,浏览器以开始解释,到结束,所有网页内容都必须放在他们之间。 (3) …: 表示HTML文档头标签,不显示在正文中。 (4) : 表示文本的标题,它被显示在浏览器窗口的标题栏中。 (5) …: 表示文档的主体部分,在浏览器中要显示的内容。

2、示例

2、HTML标签分为单标签和双标签两种类型
(1)单标签:由一个标签组成,使用时最好加上关闭(/)。
常用单标签:


: 换行


: 分割线 : 显示图片资源 : 描述网页用于搜索引擎 : 定义文档与外部资源,常用于链接CSS外部样式表 : 表单输入框 : 定义网页中嵌入内容的运行时参数 (2)双标签:由开始标签和结束标签组成,必须成对使用。除了单标签几乎都是双标签,例如

3、HTML元素表示形式
空元素: 例如

带属性的空元素:



带有内容的元素: 标题
带有内容和属性的元素: 文字显示
注意:对于
这类单标签,使用时最好写成

4、注释
解释:增加代码可读性,可以出现在代码任何位置,不会在网页中显示。
格式: 用惊叹号“!”和两个“-”开始,两个“-”结束。

5、示例

<!DOCTYPE HTML>
<html>
    <head>
        <meta ="Content-Type" content="text/html; charset=utf-8">
        <title>HTML的代码注释</title>
    </head>
    <body>
        <!-- 单标签-换行 -->
        <br />

        <!-- 带属性标签 -->
        <font color="red">文字显示</font>

        <!--注释 begin-->
        <div>
            <p>专做IT编程技能教程<a href="#">个人博客</a></p>
        </div>
        <!--注释 end-->
    </body>
</html>

————————————————

智一面|前端面试必备练习题

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值