第二章 HTML基础(上)

第一节 HTML概述

一.HTML语言、标签、元素、属性

HTML(HyperTest MarkUp Language)

    “超文本标记语言”,制作网页的标准语言,标签构成。

-标签

    由尖括号包围,比如<title>

    通常是成对出现的

    单独出现标签<image/>

    标签嵌套<html><body><body><html>

 

第二节 HTML文件结构

<!DOCTYPE html>    //表示文档类型符合HTML5标准
<html lang="en">
<head>
  <meta charset-"UTF-8">     //meta代表元数据。charset属性:字符集编码方式。
  <title>       <title>
</head>
<body>
<body>
</html>

第三节 HTML标签

1.<h1>标题内容</h1>

一级标题比二级标题大

<h1>一级标题 heading 1</h1>
<h2>二级标题 heading 2</h2>

2.<p>段落内容</p>

<p>这是段落,每个段落自动换行。</p>
<p>段落内部文字词忽略连续    空格,
也不会显示空行,且不会换行。</p>

3.<p>文字内容 <br/> 文字内容 </p>      //换行符

<p>这是一个段落。<br/>这段文字在第二行。</p>

4.空格字符&nbsp

<body>
    <p>&nbsp&nbsp&nbsp&nbsp前面为三个空格</p>
</body>

 

5.预留格式

<body>
    <pre>
    这是预留文本。它保留了   空格
    和空行
    </pre>
</body>

6.行内组合<span>    文本内容</span>

<p>最新<span>人口调查报告</span>指出...</p>

7.水平线hr

<p>正文段落</p>
<hr/>
<p>正文段落</p>

8.添加代码注释

<body>
    <!--这是一段注释-->
</body>

 

 

 

 

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值