当前位置:首页 > Web开发 > 正文

/h6 4.3段落和换行标签 特点: 1.文本在一个段落中会根据浏览器窗口大小自动换行 2.段落和段落之间保有空隙 案

2024-03-31 Web开发

1.1根基语法概述

1、HTML标签是由尖括号包抄的关键词,例如<html>

2.HTML 标签凡是是成对呈现的,例如<html>和</html>,我们称为双标签。标签对中的第一个标签是开始标签,第二个标签是结束标签

3.有些特殊的标签必需是单标签(极少情况),例如<br/  >,我们称为单标签。

1.2标签关系

双标签关系可以分为两类:包罗关系和并列关系。

技术图片

  

技术图片

2.HTML根基布局标签

2.1第一个HTML网页

每个网页城市有一个根基布局标签(也称为骨架标签),页面内容也是在这些根基标签上书写

HTML页面也称为HTML文档

<html>

         <head>

        <title> 第一个页面</title>

        </head>

        <body>

            键盘敲烂, 人为过万

        </body>

</html>

 

 

技术图片

HTML文档的后缀名必需是.html或.htm。浏览器的感化是读取HTML文档,并一网页 的形式显示它们。

2.2根基布局标签总结

技术图片

3.网页开发工具

VSCode的使用

1.双击打开软件

2.新建文件(Ctrl+N)

3.生存(Ctrl+S),注意移动要生存为.html文件

4.Ctrl+加号键,Ctrl+减号键可以当大缩小视图

5.生成页面骨架布局

输入!按下Tab键。

6.操作插件在浏览器中预览页面:单击鼠标右键:在弹出出口中点击“OPen   In   Defaul Browser”

3.1文档类型声明标签

<!DOCTYPE html>文档类型声明,感化报告浏览器使用哪种HTML版原来显示网页

当前页面给与的是HTML5版原来显示页面

1、<!DOCTYPE> 声明位于文档中的最前面的位置,处于<html>标签之前。

2、<!DOCTYPE >不是有个HTML标签,它是文档类型声明标签。

3.2lang语言种类

用来界说当前文档显示的语言

1.en界说语言为英语

2.zh-CN界说语言为中文

简单来说界说en就是英文网页,界说zh-CN就是中文网页

其实对付文档显示来说,界说成en的文档也可以显示中文,界说zh-CN的文档也能显示英文

3.3字符集

字符集(Character set)是多个字符调集。以便计算机能够识别和存储各类文字。

在<head>标签内,可以通过<meta>标签的charset属性来规定HTML文档应该使用哪种字符编码

技术图片

4.HTML常用标签

4.2标题标签<h1>-<h6>

  

 <h1>标题标签</h1>

<h1>标题一共六级选,</h1>

<h2>文字加粗一行显。</h2>

<h3>由大到小依次减,</h3>

<h4>从重到轻随之变。</h4>

<h5>语规则范书写后,</h5>

<h6>具体效果刷新见。</h6>

 

4.3段落和换行标签

技术图片

 

特点:

1.文本在一个段落中会按照浏览器窗口巨细自动换行

2.段落和段落之间保有空隙

技术图片

 

 

 

 

 

 

案例:

 

<!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>体育新闻</title>

</head>

<body>

         <h1>水花61分伊戈达拉制胜抢断 西决勇士再胜开拓者总分2-0</h1>

        <h4>数据统计:水花兄弟合砍61分</h4>

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/32643.html