前端基础入门学习笔记-html5

最新推荐文章于 2024-09-28 21:48:42 发布

一城婳

最新推荐文章于 2024-09-28 21:48:42 发布

阅读量166

点赞数

分类专栏：前端入门知识

本文链接：https://blog.csdn.net/lengxinxuexic/article/details/88637746

版权

前端入门知识专栏收录该内容

3 篇文章 0 订阅

订阅专栏

基于B站学习https://www.bilibili.com/video/BV1x4411V75C做的课堂笔记-强烈推荐去看原视频

一 HTML简介

1.1 HTML是什么

HTML：超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

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

1.2 HTMl5

HTML5 将成为 HTML（全称：HyperText Markup Language）、XHTML 以及 HTML DOM 的新标准。

HTML 的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。

HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。

动动手：打开浏览器-网页-右键-审查元素/检查

二 HTML的基本结构

<!--DOCTYPE：告诉浏览器使用的规范-->
<!DOCTYPE html>
<html lang="en">
<!-- 闭合标签：<head> 标签是成对出现的
   开放标签：<meta> 标签属于开放标签
-->
<!-- 网页头部 -->
<head>
<!-- meta 用来描述网站的一些信息
    meta 一般用来做seo
 -->
    <meta charset="UTF-8">
    <meta name="keywords" content="html5学习">
    <meta name="description" content="学习htlms5的基础知识">
<!--    网页标题-->
    <title>我的第一个网页</title>
</head>

<!-- 主体-->
<body>
我的第一个网页
</body>
</html>

<!--快速写注释：ctrl+斜杠 -->

三网页的基本标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基本标签</title>
</head>
<body>
<!--标题标签-->
<h1>一级标题</h1>
<!--粗体，斜体-->
粗体：<strong>一级标签</strong> <br>
斜体：<em>一级标签</em>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

<!--段落标签-->
<p>两只老虎，两只老虎， </p>


<p>跑得快，跑得快，</p>

<p>一只没有眼睛，</p>

<p>一只没有尾巴，</p>
<!--换行标签-->

真奇怪！真奇怪！<br/>

两只老虎，两只老虎，<br/>
<!--水平线标签-->
<hr>

跑得快，跑得快，<br/>

一只没有耳朵，<br/>

一只没有尾巴，<br/>

真奇怪！真奇怪！<br/>

<!--特殊符号-->
空格：&nbsp;
版权符号：&copy;
</body>
</html>

<!--快速新开一行：shift+enter-->
<!-- 快速生成标签：先输入标签值+table -->

标题标签

段落标签

换行标签

水平线标签

注释

特殊符号