HTML5基本标签+效果初学HTML学员必看

最新推荐文章于 2024-08-07 14:19:47 发布

小梁在学习.

最新推荐文章于 2024-08-07 14:19:47 发布

阅读量169

点赞数

文章标签： html

本文链接：https://blog.csdn.net/L190412/article/details/114986832

版权

HTML5基本标签

运用软件：IDEA 浏览器：谷歌

一.什么是HTML

Hyper Text Markup Language 超文本标记语言

标记语言：用标签进行编写

超文本：包括文字图片音频视频动画等等

二.HTML版本优点

版本

HTML5 目前在网页中比较常用。

优点

在原来的基础上添加新的元素、特性和规则可以实现动态渲染图形、图标、图像和动画，不需要安装任何插件可直接使用网页播放视频，所有浏览器都支持HTML5 直接跨平台

三.W3C标准

World Wide Web Consortium 万维网联盟国际中立性技术标准机构

标准

结构化标准语言(HTML、XML)

表现标准语言(CSS)

行为标准(DOM、ECMAScript(JavaSript))

四.HTML网页基本信息

<!--HTML注释 快捷键 Ctrl+/ -->
<!DOCTYPE html> <!--我们要使用什么规范 默认可以不写-->
<html lang="en"><!--总标签-->
<head><!--头部标签-->
    <meta charset="UTF-8"><!-- utf-8字符编码 meta描述性标签 描述网站信息 可用做SEO-->
    <title>这是我的第一个网页</title><!--网页标题 -->
    <meta name="keywords" content="小梁在学习">
    <meta name="description" content="小梁在学习HTML">
    <!--keywords 关键词    description描述网站是用来做什么的-->
</head>
<body><!--网页主体-->
Hello，Wolrd！
</body>
</html>

五.网页基本标签

快捷键：写了字母按住tab键形成标签

标题标签

<!--标题标签 限制到6级-->
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>

段落标签

<!--段落标签 间距大 独占一行-->
<p>独占</p>
<p>一行</p>

换行标签

<!--换行标签 紧凑-->
小梁<br/>在学习

水平线标签

<!--水平线标签 相当于分割线 根据网站自动伸缩-->
<hr/>

字体样式标签

粗体

<!--粗体-->
<strong>小梁在学习liang</strong>

斜体

<!--斜体-->
<em>小梁在学习liang</em>

特殊符号

<!--注释跟特殊符号-->
空格：小梁&nbsp;&nbsp;在学习
大于号：&gt;
小于号：&lt;
版权符号：&copy;

六.行内元素和块元素

换行就是块元素不换行就是行内元素

块元素：无论内容多少该元素独占一行。

如：p，h1-h6
行内元素：内容决定宽度，都是行内元素可以排在一行。

如：a，strong粗体，em斜体

七.列表标签

有序列表 ol

<ol>
    <li>小梁</li>
    <li>小明</li>
    <li>小红</li>
    <li>小刚</li>
    <li>小李</li>
</ol>

无序列表 ul

<ul>
    <li>小梁</li>
    <li>小明</li>
    <li>小红</li>
    <li>小刚</li>
    <li>小李</li>
</ul>

自定义列表 dl标签 dt列表名字 dd列表选项

<dl>
    <dt>姓名</dt>

    <dd>小梁</dd>
    <dd>小明</dd>
    <dd>小红</dd>
    <dd>小刚</dd>
    <dd>小李</dd>

    <dt>年龄</dt>

    <dd>18</dd>
    <dd>19</dd>
    <dd>20</dd>
    <dd>21</dd>
    <dd>22</dd>
</dl>

八.实现效果

在这里插入图片描述

小梁在学习.

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML5基本标签+效果初学HTML学员必看

HTML5基本标签运用软件：IEDEA 浏览器：谷歌一.什么是HTMLHyper Text Markup Language 超文本标记语言标记语言：用标签进行编写超文本：包括文字图片音频视频动画等等二.HTML版本优点版本HTML5 目前在网页中比较常用。优点在原来的基础上添加新的元素、特性和规则可以实现动态渲染图形、图标、图像和动画，不需要安装任何插件可直接使用网页播放视频，所有浏览器都支持HTML5 直接跨平台三.W3C标准World Wide Web Cons
复制链接

扫一扫