关键词：
文章目录
一、什么是html？
二、动态网页与静态网页区别？(面试题)
三、三个版本和一个标准（面试题）
四、html5的扩展
五、html创建文件（重点）
六、html格式（重点）
七、html基本结构（重点）
八、注释
九、基础标签（重点）
十、文本标签
十一、布局标签
十二、特殊符号
一、什么是html？
html 超文本标记语言
文本：文字元素
超文本：视频，图片，音乐，链接
标记符：由左书名号和右书名号包裹一个标签名字的构造-----<p>
语言：人与电脑交流的语言方式
二、动态网页与静态网页区别？(面试题)
动态网页
编辑好的前端代码随着时间的变化，显示的内容在变化（你没有再次修改任何 代码）-----上线的产品页面都是动态页面
静态网页
编辑好的前端代码随着时间的变化，显示的内容没有任何变化
三、三个版本和一个标准（面试题）
html4.0.1
经典版本----80%
xhtml1.0
语法严谨—3%-5%
html5
最新版本-----平台
W3C
万维网联盟
四、html5的扩展
广义的html5-----html，css，javascript—组合技术
狭义的html5----HTML技术
五、html创建文件（重点）
创建一个文本文档文件
将后缀名改为.html
在文件中添加标签内容
保存后通过浏览器打开查看
六、html格式（重点）
双标签
语法结构：
<元素名>内容</元素名>
单标签：
语法结构
<元素名>（开始就是结束）
标签属性
原理：为了给当前标签的内容进行细节的样式设置
必须写在开始标签内
语法结构
<开始标签 属性名=“属性值”>内容</结束标签>
size----改变文字的字号（字体大小）
class----类名----（给当前标签取的别名，可以多个存在）
id----唯一性----整个页面（html文档）
style----样式属性----利用它实现css样式修改
title----提示性文本
七、html基本结构（重点）
完成文件创建的步骤
写声明标签告知浏览器我当前书写的html版本，让其按照对应版本进行编译
书写
在html标签中书写
在html标签中书写
八、注释
语法结构
<!-- 注释内容 -->
1
特点：不会再网页上显示只是在后台为编程人员提供说明
九、基础标签（重点）
hn标签----标题标签
注意：n代表的是1-6的数字
一般用来作为文章内容的标题
语法结构
<hn>内容</hn>
p标签----段落标签
利用它来实现一段文本的内容
语法结构
<p>文本内容</p>
br标签----换行标签
语法结构
文本<br>文本
hr标签----水平分割标签
语法结构
文本
<hr>
文本
十、文本标签
重点掌握标签（重点）
strong文字加粗标签
<strong>内容</strong>
em文字倾斜标签
<em>内容</em>
del删除样式标签
<del>内容</del>
了解标签
文字加粗标签
<b>内容</b>
文字倾斜标签
<i>内容</i>
相对字号增减标签
<small>内容</small>
<big>内容</big>
保留格式标签
<pre>内容</pre>
下滑线标签
<u>内容</u>
上下标标签
<sub>内容<sub>
<sup>内容<sup>
十一、布局标签
div标签
块级元素标签----盒子标签
span标签
行内元素标签----布局盒子内部文本样式的改变
区别：
块级元素默认自动占满整行，行内元素文本占多少我就占多少
十二、特殊符号
----英文字符空格
 ----中文字符空格
>----大于 >
<----小于 <
————————————————
版权声明：本文为CSDN博主「保温杯里泡枸杞i」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_45697830/java/article/details/105311034
https://htcui.com/author/w6586110878/?tab=profile#pass
https://htcui.com/author/qd9daca2890799989df4f30af2568d3dc/?tab=profile#pass
https://htcui.com/author/q08af04b162a0edb0b2b759bf08b2b815/?tab=profile#pass
https://htcui.com/author/qb400c2adb80baeaa4cfb505e12e8c790/?tab=profile#pass
https://htcui.com/author/qbf1f960ea16efd60718dabef1812c057/?tab=profile#pass
https://htcui.com/author/qa01f60adb7c4dde6cbf29d7791610f1c/?tab=profile#pass
https://htcui.com/author/w6585720010/?tab=profile#pass
前端零基础入门：页面结构层html
HTML页面结构层HTML分以下方面学习：HTML基础，HTML表格，HTML表单，搭建网页结构html基础学习前端的第一门课程，为HTML基础，HTML标记语言，它是网页制作的第一步。学习内容：HTML概念，了解HTML发展史，基础语法，常用标签（段... 查看详情
零基础入门前端系列—语义化标签实体字符视频音频(代码片段)
【零基础入门前端系列】—语义化标签、实体字符、视频、音频（八）一、什么是HTML语义化标签语义化的标签，旨在让标签有自己的含义如上代码：p标签与span标签的区别之一就是，p标签的含义是段落而span标... 查看详情
一文快速入门html网页基础(代码片段)
专栏简介:前端从入门到进阶题目来源:leetcode,牛客,剑指offer.创作目标:记录学习JavaEE学习历程希望在提升自己的同时,帮助他人,,与大家一起共同进步,互相成长.学历代表过去,能力代表现在,学习能力代表未来! 目录1.HTML结构1.1.认识... 查看详情
html基础入门(代码片段)
学习推荐地址w3school一、HTML页面结构1、前端前端开始中最基本的也是最必须的三个技能，前端的开发中，在页面的布局时：HTML：页面结构，可以把他看成一个文档，定于展示页面的内容结构CSS：页面表现，元素的大小、颜色、... 查看详情
《html基础教程》——网络安全入门绕不过的一道坎,内附常见标签及实例(建议收藏!!!)(代码片段)
我们平时所浏览的网站是由一页一页的页面组成的,每一个页面称为一个网页网页是构成网站的基本元素,通常由图片,文字,视频等元素组成,我们常见的网页,通常都是以.htm或.html后缀结尾的文件,也就是HTML文件,而HTML文件需要使用HT... 查看详情
thymeleaf入门基础
1.简介 1.thymeleaf优点 ①是一个支持html原型的自然引擎，它在html标签增加额外的属性来达到模板+数据的展示方式，由于浏览器解释html时，忽略未定义的标签属性，因此thymeleaf的模板可以静态运行。；当有数据返回... 查看详情
html入门基础
一、HTML的介绍1.什么是HTML?HTML指的是超文本标记语言：HyperTextMarkupLanguage。HTML不是一种编程语言，而是一种标记语言。HTML使用标记标签来描述网页。2.网页结构可以使用HTML来建立自己的WEB站点。网页主要由3个部分组成：HTML:结... 查看详情
前端基础入门一（html）(代码片段)
学习大纲了解常用浏览器掌握WEB标准理解标签语义化掌握常用的排版标签掌握常用的文本格式化图像链接等标签掌握三种列表标签掌握表格标签掌握表格标签掌握表单标签*HTML能够写出基本的页面（里面包含图片、各种标签和链... 查看详情
牛客编程题零基础入门前端之73题（html，css，es5，webapi）(代码片段)
【牛客编程题】零基础入门前端之73题做题链接：https://www.nowcoder.com/exam/oj?page=1&tab=HTML%2FCSS&topicId=260文章目录01HTMLFED1表单类型FED2表格结构FED3图像标签属性FED4新窗口打开文档FED5自定义列表FED73加粗文字FED6语义... 查看详情
测开之html・第一篇《html语法基础》(代码片段)
目录HTML页面结构文档声明页面头部页面内容常见的HTML标签注释标题标签段落和换行标签块标签含样式和语义的行内标签图像标签和链接标签列表有序列表无序列表表格表单form标签from表单中包含的元素input标签label标签textarea标... 查看详情
javaweb（黑马程序员：html部分）
一、HTML介绍&快速入门1、什么是HTML？2、HTML快速入门3、基础标签4、图片、音频、视频标签5、超链接标签6、列表标签7、表格标签8、布局标签9、表单标签二、CSS介绍&快速入门1、什么是CSS？2、CSS的导入方式3、CSS选... 查看详情
零基础入门前端系列—html介绍(代码片段)
【零基础入门前端系列】—HTML介绍（一）一、什么是HTMLHTML是用来描述网页的一种语言HTML指的是超文本标记语言：HyperTextMarkupLanguageHTML不是一种编程语言，而是一种超文本标记语言，标记语言是一套标记标签(... 查看详情
零基础入门前端系列—图片和html的基本结构(代码片段)
【零基础入门前端系列】—图片和HTML的基本结构（三）一、图片在HTML中，图像由<img/>标签定义。<img/>是空标签，意思是说，它只包含属性，并且没有闭合标签。要在页面上显示图像，你需要... 查看详情
实验楼html基础入门学习
HTML基本介绍HTML，一种描述网页的语言结构htmlheadtitlescriptbody...文档<html><head><title>.....</title></head><body><p>.....</p></body></html>标签元素是一整条，如;而标签则代表 查看详情
html基础标签入门
HTML基础标签 昨天学习了一些HTML的基本标签以及基本属性： HTML是一种超文本标记语言，其中PHP是世界上最好的语言（增加学习的动力荣誉感）。 HTML文档里包含三部分: <html>——开始标签 <head&g... 查看详情
javaweb（黑马程序员：html部分）
一、HTML介绍&快速入门1、什么是HTML？2、HTML快速入门3、基础标签4、图片、音频、视频标签5、超链接标签6、列表标签7、表格标签8、布局标签9、表单标签二、CSS介绍&快速入门1、什么是CSS？2、CSS的导入方式3、CSS选... 查看详情
javaweb_html入门篇(代码片段)
JavaWeb_HTML入门篇本文主要通过对HTML简单的一些知识点的总结等，能够对HTML进行入门级的认识与了解。本篇是一篇小结篇，主要用于在之后的实践开发过程中能够快速参考一些常用、基础的标签以及用法。文章目录JavaWeb_H... 查看详情
javaweb_html入门篇(代码片段)
JavaWeb_HTML入门篇本文主要通过对HTML简单的一些知识点的总结等，能够对HTML进行入门级的认识与了解。本篇是一篇小结篇，主要用于在之后的实践开发过程中能够快速参考一些常用、基础的标签以及用法。文章目录JavaWeb_H... 查看详情