导航：首页 > 开发技术 >

如何掌握HTML语言的基础语法

发表于：2025-02-01 作者：千家信息网编辑

千家信息网最后更新 2025年02月01日，本文小编为大家详细介绍"如何掌握HTML语言的基础语法"，内容详细，步骤清晰，细节处理妥当，希望这篇"如何掌握HTML语言的基础语法"文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知

千家信息网最后更新 2025年02月01日如何掌握HTML语言的基础语法

本文小编为大家详细介绍"如何掌握HTML语言的基础语法"，内容详细，步骤清晰，细节处理妥当，希望这篇"如何掌握HTML语言的基础语法"文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。

基础准备

我使用的是Hbuilder编辑器，在hbuilder中创建一个HTML文件。

在hbuilder中运行HTML文件

效果

HTML文档结构

                                                                   用于注释代码

HTML常用标签

基础标签

html 最外层的元素
head 网页的头部
title 网页的标题
body 网页内容

文本格式化

i/em 斜体
strong 加粗
q 引用
blockquote 长引用
code 元素定义编程代码示例

武汉，加油！湖北,加油！武汉，加油！HX是轻量编辑器和强大IDE的完美结合体。敏捷的性能，清爽的界面，强大的功能和于一身。  HX是轻量编辑器和强大IDE的完美结合体。敏捷的性能，清爽的界面，强大的功能和于一身。
var a = 1

实验效果

标题段落

h2-h7 表示标题数字越大字体越小
p 段落标签
hr 水平分割线
br 换行

使用标题和段落

武汉加油！

武汉加油！武汉加油！武汉加油！武汉加油！武汉加油！武汉加油！武汉加油！武汉加油！武汉加油！

武汉加油！武汉加油！武汉加油！武汉加油！
武汉加油！武汉加油！武汉加油！

块元素

div 盒子
span 功能和div类似，span可以用来装一小段文字和div的区别就是在一行内显示

                                        03                                                武汉加油！ 武汉加油！ 武汉加油！ 武汉加油！ 武汉加油！                                                         武汉加油！ 武汉加油！ 武汉加油！ 武汉加油！ 武汉加油！                
                                        武汉加油！ 武汉加油！ 武汉加油！ 武汉加油！ 武汉加油！                
                                                        武汉加油！ 武汉加油！ 武汉加油！ 武汉加油！ 武汉加油！                                                        武汉加油！ 武汉加油！ 武汉加油！ 武汉加油！ 武汉加油！

最终效果

图片

img
img标签必须加上 src属性才能把图像展示出来
alt属性：当图片没有办法显示的时候用来提示用户的文字
title属性：当鼠标移动到图片的时候，用来提示用户的文字

                                        使用图片                                hello

链接

a标签超链接
href属性：超链接的地址
target属性：_blank 表示新建一个浏览器标签页来显示超链接的内容，不会覆盖原来的网页_parentsearchtop

                                                                                        百度一下                百度一下            百度一下                百度一下

列表

ol 有序列表
ul 无序列表
li 列表项
type 定义类型
disc 实体圆点
circle 空心圆
square 实体方形
a 小写字母（有序）
A 大写字母（有序）
默认数字（有序）

                                        列表                                                                                                                         北京
                        上海
                
                                                                        北京
                        上海
                
                                                        北京
                        上海
                
                                                                                        北京
                        上海
                
                                        北京
                        上海
                
                                                        北京
                        上海

表格

tablecaption 表格标题
th 表头
tr 行
td 单元格

                                        table                                                        招聘信息                                                        职位名称                                 薪资水平                         
                                                        前端工程师                                 20k                         
                                                                                后端工程师                                 20k