美文网首页
1-2 HTML的基础语法

1-2 HTML的基础语法

作者: bin_lifecycle | 来源:发表于2019-10-28 13:40 被阅读0次

学习内容:

  • 1. HTML基本结构
  • 2. HTML标签
  • 3. HTML元素
  • 4. HTML属性
  • 5. 注释

注意:div标签是块级结构布局元素,因此将在CSS中结合盒模型进行讲解

1.HTML基本结构
HTML的基本结构
注意:html是一种标记语言,写在<head></head>标签内的头部内容,在网页文档中不会显示出来
网页显示的内容都写在<body></body>标签内
2.HTML标签
html标签属性

举例:下面的body中bgcolor="red"是给它设置的背景色

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>hello html</title>
</head>
<body bgcolor="red">
  <p>hello html</p>
  <hr/><!--hr是水平线-->
</body>
</html>

效果:背景色为红色


效果图

练习:


练习

代码:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>hello</title>
</head>
<body bgcolor="gray">
  <p>HELLO,everyone.This is my first page! </p>
</body>
</html>

效果:


效果图

选择题:


html是一种标记语言,答案:A head,title标签的内容不会再网页文档中显示 hr标签是单标签(水平线)

相关文章

  • 1-2 HTML的基础语法

    学习内容: 1. HTML基本结构 2. HTML标签 3. HTML元素 4. HTML属性 5. 注释 注意:...

  • HTML与CSS之HTML的基础语法

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

  • 第二章 HTML5基础标签和语法

    第二章 HTML5基础标签和语法 本章将详细讲解HTML的语法,以及常用的HTML标签。经过本...

  • HTML基础语法

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

  • HTML基础语法

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

  • HTML基础语法

  • HTML基础语法

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

  • HTML基础语法

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

  • HTML基础语法

    HTML 语法构成 1. 标签 单标记 双标记: 开始 关闭 2. 属性 标签名称后 空格隔开 属性值和属性用 =...

  • HTML基础语法

    HTML 与 CSS 主要内容 HTML ​ HTML(HyperText Markup Language)就...

网友评论

      本文标题:1-2 HTML的基础语法

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