HTML语法、常用结构、标签初学者学习笔记

最新推荐文章于 2022-12-30 20:08:03 发布

熊猫_water

最新推荐文章于 2022-12-30 20:08:03 发布

阅读量4.5k

点赞数 7

分类专栏： html 文章标签： HTML 标签

本文链接：https://blog.csdn.net/xxlovesht/article/details/80682521

版权

html 专栏收录该内容

12 篇文章 1 订阅

订阅专栏

第一节：HTML简介

hmtl：超文本标记语言，

主要说下：页面的元信息 meta ：三个作用

1：显示字符集的设定

2：设置刷新后，跳转到哪个界面

3：向搜索引擎提供查询关键词：

代码如下：

html文档保存格式：html或者htm

html语法不区分大小写，建议写小写

html注释：

注意：注释的代码不会展示出来，但是在查看源代码的时候可以看到注释的东西

html的基本结构：

body 可以看成是身体部位，可以在body里面设置背景色bgcolor

第二节：html字符实体：

例子：

运行结果： © 是版权标记

第三：html常用文档设置标记

格式标记：

<body bgcolor="yellow">
<center>------------居中对齐

<春晓>
<hr width="80%" color="red" size="100"/>
<p>----段落春天不洗澡，处处蚊子鸟<br/>------换行
<div>
也来巴掌声，不知死多少<br/>
</div>
©老牛吃小草</p>
</center>------------居中对齐
<pre>---预格式化标记
<鹅鹅鹅>
鹅鹅鹅, 曲项向天歌，
白毛浮丽水, 红掌拨清波
</pre>------预格式化标记
编程语言排行榜：<br /> --换行
<ul> 
<li>第一名：java</li>
<li>第二名：c++</li>
<li>第三名：.net</li>
<li>第四名：python</li>
<li>第二名：c++</li>
<li>第三名：.net</li>
<li>第四名：python</li>
</ul>
<hr /> -------水平分割线
<ol type="1"> 
<li>第一名：java</li>
<li>第二名：c++</li>
<li>第三名：.net</li>
<li>第四名：python</li>
<li>第二名：c++</li>
<li>第三名：.net</li>
<li>第四名：python</li>
</ol>---有序列表
<hr />
<ol type="A"> 
<li>第一名：java</li>
<li>第二名：c++</li>
<li>第三名：.net</li>
<li>第四名：python</li>
<li>第二名：c++</li>
<li>第三名：.net</li>
<li>第四名：python</li>
</ol>---有序列表

<dl> -------定义型列表
<dt>软件说明</dt>
<dd>非常好用的软件</dd>
<dt>软件说明</dt>
<dd>非常好用的软件</dd>
<dt>软件说明</dt>
<dd>非常好用的软</dd>

</dl> -------定义型列表

2：文本标记

<h1><font style='font-size: 100;'><鹅鹅鹅></font></h1>
<font face=arial color=red size="6">鹅鹅鹅</font>
<h2><鹅鹅鹅></h2>
<h3><鹅鹅鹅></h3>
<h4><鹅鹅鹅></h4>
<h5><鹅鹅鹅></h5>
<h6><鹅鹅鹅></h6>
<hr />
<del><b>鹅鹅鹅</b>, <i>曲项</i>向天歌，</del><br />

本章节完毕

熊猫_water

关注

7
点赞
踩
39

收藏

觉得还不错? 一键收藏
打赏
1
评论
HTML语法、常用结构、标签初学者学习笔记

第一节：HTML简介hmtl：超文本标记语言，主要说下：页面的元信息 meta ：三个作用1：显示字符集的设定2：设置刷新后，跳转到哪个界面3：向搜索引擎提供查询关键词：代码如下： &lt;meta http-equiv="content-type" content="text/html; charset=utf-8" &gt; #设置编码格式 &lt;meta http-equiv="...
复制链接

扫一扫