H5学习日志day01

最新推荐文章于 2025-10-10 10:54:16 发布

原创最新推荐文章于 2025-10-10 10:54:16 发布 · 350 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html5

H5学习专栏收录该内容

5 篇文章

订阅专栏

这篇日志记录了作者学习HTML5的过程，包括HTML5的定义及其与HTML的区别，提到了在Markdown编辑器中遇到的问题，以及静态网页和动态网页的概念。还介绍了HTML文件的基本结构和一些基础标签的使用规则。

前端的学习断断续续地在进行，觉得现在应该系统地过一遍前端的相应知识，并以日志的形式记录学习的过程，毕竟大脑记不了那么多东西：-）。

学习内容：

初识HTML

1、 HTML5是什么？

       首先，HTML(HyperText Markeup Language——超文本标记语言)，是超文本和标记语言的组合。超文本定义了网页之间的链接；标记语言用于定义标记内的文本文档，该文档定义网页的结构。
       HTML5是HTML的第五个版本，简称H5。 HTML5已经远远超越了标记语言的范畴，它的设计目的是在移动设备上支持多媒体，和HTML比起来，深度和广度上都做了进一步提升。

       网页的实质是以.html或。htm为文件拓展名的可执行文件。

2、开发工具

    HbuilderX

在使用MarkDown编辑器的时候，发现在上面灰色的行里面，字体的样式（加错、斜体、删除线等等）失效？

3、 静态网页和动态网页

静态网页	动态网页
静态网页是相对于动态网页而言，是指没有后台数据库、不含程序和不可交互的网页。	具有交互性，能根据用户的要求和选择动态地做出响应，不同时间产生的页面会不同，能自动更新
超文本标记语言	超文本标记语言+ASP或超文本标记语言+PHP或超文本标记语言+JSP等

4、标记语言学习

一个html文件的基本结构：

<!DOCTYPE html>//声明，告诉浏览器使用HTML5的标准来解析这个网页
<html>

  <head>//网页的头部，里面包含的了对网页的整体说明区域
  	<meta charset="utf-8" />
  	<title>这是网页的标题</title>
  </head>
  
  <body>
           //网页的主题内容编写区域
  </body>
</html>

基础标签：

标签名	标签类型
标题标签<h1></h1>有h1~h6中不同的级别标题，h1字号最大，级别最高	双标签
段落标签<p></p>独占一行	双标签
文字斜体<i></i>	双标签
文字加粗<b>	双标签
有序列表<ol></ol>	双标签
无序列表<ul></ul>	双标签
列表项<li></li>	双标签
超链接<a></a>	双标签
图片<img>	单标签
换行<bt>	单标签
水平线<hr>	单标签