002大前端开发之HTML_html大前端开发-CSDN博客

本文链接：https://blog.csdn.net/qq_48627188/article/details/109057734

本文详细介绍了HTML的基础知识，包括HTML的历史、常用编辑工具和基本网页格式。讲解了HTML的主要标签如标题、段落、换行、图片、链接、列表等，并区分了块元素与行内元素的概念。此外，还提到了HTML5的重要性，它是目前的标准版本。

摘要由CSDN通过智能技术生成

前端开发必回的重要知识:html,css,js,jquery,vue

初次接触HTML

HTML称为超文本标记语言，是一种识别性语言，主要使用各种标签发挥作用，使零散的internet资源整合起来成为一个逻辑上整体化的资源，主要是用，文字，图形，动画，表格，声音，链接等。

HTML历史

超文本标记语言（第一版）——在1993年6月作为互联网工程工作小组（IETF）工作草案发布（并非标准）：
HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时
HTML 3.2——1997年1月14日，W3C推荐标准
HTML 4.0——1997年12月18日，W3C推荐标准
HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准
HTML 5——2014年10月28日，W3C推荐标准[4]

HTMl常用编辑工具

记事本，HbreadX，Dw，IDEA

一个基本的网页格式

此标签表示是注释标签

<!DOCTYPE html> <!--文档类型，表明这个文档使用的规范-->

<html lang="en"><!--这里的lang="en"可以bai删除du，如果不删除的，用谷歌之类浏览器打开，它会认为是英文的，会自动给翻译（如果设置了自动翻译的话）-->

<head> <!--头部标签-->
    <meta charset="UTF-8"><!--表示编码，UTF-8表示汉语编码-->
    <title>热爱编程</title><!--标题标签-->
</head>

在这里插入图片描述

<body>
<!--次标签为主体标签，其中写的是网页的内容-->
</body>

HTML中以<>作为一个标签的提示，如果想要输入<>不做标签识别符使用可以输入

< 用&gt
> 用&lt

网页基本标签初识

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

效果图

<p>此标签中可以书写文字内容</p>
<br/><!--此标签为换行标签-->
<p>此标签中可以书写文字内容</p>
<strong>粗体</strong>
<em>斜体</em>

在这里插入图片描述

空格标签：&nbsp
图片标签：<img src="resource/u=1310312326,3787108147&fm=26&gp=0.jpg"
     alt="网页学习" title="悬停文字" width="800" height="1000"/><!--图片的路径分为绝对路径（从跟目录开始）和相对路径（相对于当前网页保存路径）-->
链接标签<a href="https:www.baidu.com"
   target="_self">点我，进入百度</a>
链接入口可以是图片。
锚链接
<a name="#top">我是顶部</a>
<a href="#top">回到顶端</a>
<!--超转页面的超链接-->
<a href="锚链接.html#top">跳转</a>
<!--功能链接
邮箱链接：mailto
-->
<a href="mailto:1********@qq.com">点击联系我</a>

列表标签<!--有序列表应用范围：试卷，问答-->
<ol>
    <li>JAVA</li>
    <li>python</li>
    <li>运维</li>
    <li>测试</li>
    <li>c/c++</li>
</ol>
<!--无序列表
应用范围：导航，侧边栏
-->
<ul>
    <li>java</li>
    <li>python</li>
    <li>运维</li>
    <li>大前端</li>
</ul>
<!--自定义列表
公司网站-->
<dl>
    <dt>学科</dt>
    <dd>java</dd>
    <dd>大前端</dd>
    <dd>运维</dd>
    <dd>大数据</dd>
</dl>