HTML基础-1

aduhaohaogan

已于 2022-03-02 17:10:27 修改

阅读量302

点赞数

文章标签： html 前端

于 2022-03-02 13:05:35 首次发布

本文链接：https://blog.csdn.net/m0_67246843/article/details/123225991

版权

1、什么是html？

html是一种超文本标记语言，其中包含了图片、声音、视频等元素；

2、html的作用？

制作网页---软件界面

3、常见的html开发工具？

记事本、HBuilderX、VSCode等等；

4、浏览器是html的运行环境，现有的浏览器主要分为四大类;

Trident 内核、Gecko 内核、Presto 内核

5、html的的文件结构

(1)<html></html>----整个网页

(2)<head></head>-----网页头部（隐藏）部分

(3)<body></body>----网页身体（显示）部分

6、html中的常用标记

html是超文本标记语言，所以它提供了制作网页的一组标记
   （1）标记不能自我发明创建
   （2）绝大部分的标记都是有三部组成:
       <title>HBuilderX</title>
   <title>----开始标记
   </title>-----结束标记
   HBuilderX--位于开始标记与结束标记之间---文本内容
（3）也有一些单标记【只有开头，没有文本内容和结束标记】<br>或者<br/>
    <meta charset="utf-8">

(4)<html></html>---双标记，整个网页,做大的。其他的标记都要被包含进来。

(5)<head></head---双标记，网页头部部分。为浏览器运行html文件提供附加信息的。

(6)<title></title>-----设置当前网页的标题

（7）<body></body>-----网页身体部分,是我们制作网页的主要操作区域，因为body中的元素是对用户可见的。

7、html中部分标记的介绍：

（1）<meta>介绍：

<meta charset="utf-8">

meta标记---出现在head里面，meta标记为浏览器运行html文件提供附加信息的主要标记

meta标记--是一个单标记

meta标记中的charset="utf-8"是这个标记的一个属性

（2）网页中内容的标题标记

标题的设置--head中的title标记，设置的是当前网页的标题
标题的设置--h系列的标记，设置设置内容的标题
内容的标题共有6个从h1~h6
h1设置的标题字体最大，h6字体最小，自动加粗
这类标记会自定换行，自成一行
<h1>设置内容的标题</h1><h2>设置内容的标题</h2><h3>设置内容的标题</h3>
<h4>设置内容的标题</h4><h5>设置内容的标题</h5><h6>设置内容的标题</h6>

（3）hr--设置一条水平分割线

（4）p--表示一个段落标记

（5）HTML 注释

aduhaohaogan

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML基础-1

1、什么是html？html是一种超文本标记语言，其中包含了图片、声音、视频等元素；2、html的作用？制作网页---软件界面3、常见的html开发工具？记事本、HBuilderX、VSCode等等；4、浏览器是html的运行环境，现有的浏览器主要分为四大类;Trident 内核、Gecko 内核、Presto 内核5、html的的文件结构<html></html>...
复制链接

扫一扫