HTML入门-页面结构&基础标签

标签：元素   注意   静态网页   bae   创建文件   链接   基础   面试题   基本结构   

文章目录

一、什么是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标签

行内元素标签----布局盒子内部文本样式的改变

区别：

块级元素默认自动占满整行，行内元素文本占多少我就占多少

十二、特殊符号

&nbsp;----英文字符空格
&emsp;----中文字符空格
&gt;----大于 >
&lt;----小于 <
————————————————
版权声明：本文为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入门-页面结构&基础标签

标签：元素   注意   静态网页   bae   创建文件   链接   基础   面试题   基本结构   

原文地址：https://www.cnblogs.com/dasdfdfecvcx/p/12643933.html