HTML的创建和其标签

123 阅读1分钟

一起养成写作习惯!这是我参与「掘金日新计划 · 4 月更文挑战」的第7天,点击查看活动详情

时间过得就还是很快呀,一下就第七天啦~
今天带着回顾一下html中常见的标签和他的样式

html的创建

1.html创建

点击左上角文件-->新建-->项目--填写项目名称-->选择模块:基本html项目-->点击创建 左边一栏出来刚才建的项目就OK

2.在html文件中,写项目

双击刚才建好的项目--->点击index.html文件--->写内容


双击刚才建好的项目--->点击index.html文件--->写内容

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title></title>

</head>

<body>

<p>海绵宝宝</p>

</body>

3.运行

把我们写的内容呈现在浏览器中

点击上栏运行->运行到浏览器->chrom,即可

html的基本标签


<!-- html树的主干 -->

<html>

<!-- 大树叉 head -->

<head>

<!-- 网页的编码 utf-8 -->

<meta charset="utf-8" />

<!-- 标题:在网页被访问的时候标题栏上显示的文字 -->

<title>我们的第一个页面</title>

</head>

<!-- 大树叉 body -->

<body>

<!-- 01<p> -->

<p>index</p> , <!-- p:段落:让P标签里面的文字成为一个段落 -->

<!-- 02标题标签 -->

<h1>一级标题</h1>

<h2>二级标题</h2>

<h3>三级标题</h3>

<h4>四级标题</h4>

<h5>五级标题</h5>

<h6>六级标题</h6>

<!-- 03水平线 -->

<hr/>

<!-- 04 换行标记 -->

<!-- <br/> -->

大家好,《狄某有话说》准时报道!<br/>中秋佳节已过,不知道大家在假期上分的过程中,有没有遇到违规玩家并举报给狄某和元芳呢?<br/>为了让游戏环境变得更好,我们加班加点地进行巡逻,发现了不少违规行为并进行了惩罚,一起来看看今天的违规案例分析吧。

<!-- 05 字体加粗 strong b-->

<!-- b文本字体的加粗,strong 代表强调-->

<b>皮卡丘1</b>

<p>皮卡丘2</p>

<strong>皮卡丘3</strong>

<!-- 06斜体 em i -->

<!-- i文本字体的斜体,em 代表强调 -->

<em>海绵宝宝</em>

<i>派大星</i>

<!-- 07特殊符号:空格 -->

<!-- shift+7==& -->

aaaaaa&nbsp;aaaaaaaa&nbsp;

</body>

</html>