Web前端基础

一时失言乱红尘 2022-01-30 00:43 351阅读 0赞

**HTML是什么**

是[超文本][Link 1]标记语言(Hyper Text Markup Language)，[标准通用标记语言][Link 2]下的一个应用。HTML 不是一种编程语言，而是一种标记语言 (markup language)，是网页制作所必备的

“[超文本][Link 1]”就是指页面内可以包含图片、[链接][Link 3]，甚至音乐、[程序][Link 4]等非文字元素。

![2019051715022389.png][]

总结：“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

超文本标记语言。HTML是用来开发网页的。（网页后缀 html，htm）html是标记语言不是编程语言。

超文本：超级文本，比文本更加好用，可以更加丰富的呈现文字信息。

标记：也叫做标签，这个是html里面的一个基本语法，所有的结构都是通过标记来控制的。

**为什么学习HTML**

HTML网页开发在JavaEE开发中的承担的部分。（网页设计师+JavaEE工程师）

在团队中会有专门的人，做网页开发，为什么还需要学习HTML？虽然我们不需要能够开发精美的网页，因为我们需要拿到人家开发好的网页，并且能看到人家的网页代码

**适用对象：**

网页零基础入门课程

Web前端工程师

JavaEE工程师

PHP Web工程师

Python Web工程师

.net Web工程师

html xhtml html5

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0NDU5NA_size_16_color_FFFFFF_t_70][]

如何更加丰富的控制这个网页？

通过标记

什么是标记？

<xxx>是开始标记</xxx>是结束标记，xxx是标记名

标记的语法：

成对的标记，必须有开始标记，必须有结束标记。

单个的标记<xx/> 直接结束，xx是标记名。

不区分大小写 <Html></Html>

所有标记和标记的属性都是英文输入法

(html的语法不严谨，在很多种情况，下都可以识别出来，比如大小写，标记里面加空格，不写结束标记，编写的时候，尽量严谨一点)

html语法比较随意，在很多时候，可以自行测试效果。

基本网页结构：

<html>

</html>

文档类型声明：

<!DOCTYPE html>放在第一行

http://www.w3school.com.cn/tags/tag\_doctype.asp

网页编码声明

放在head标签里面

(支持中文的utf-8 gbk gb2312)

标题标签

<hn></hn> n从1到6，逐渐变小。（加速，行距，单独一样）

注释：

水平线：<hr/>

换行：<br/>

段落标签（分段落，自动换行，跟其他段落间距）

预格式标签

标记的属性（可以有多个属性，不分先后顺序）

[Link 1]: https://baike.baidu.com/item/%E8%B6%85%E6%96%87%E6%9C%AC/2832422
[Link 2]: https://baike.baidu.com/item/%E6%A0%87%E5%87%86%E9%80%9A%E7%94%A8%E6%A0%87%E8%AE%B0%E8%AF%AD%E8%A8%80/6805073
[Link 3]: https://baike.baidu.com/item/%E9%93%BE%E6%8E%A5/2665501
[Link 4]: https://baike.baidu.com/item/%E7%A8%8B%E5%BA%8F/71525
[2019051715022389.png]: /images/20220130/2efa0511d72941f4918f9feca2e9d984.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0NDU5NA_size_16_color_FFFFFF_t_70]: /images/20220130/5aabef14f29a4355a72f03f7b4e2e314.png