HTML零基础入门教程2

本文介绍了HTML的基本结构,包括标签使用如h1-h6标题标签和p段落标签,强调了理解和运用标签语义的重要性。通过VSCode创建网页示例和浏览器解析,展示了如何使页面结构清晰并实现自动换行和段落间距。
摘要由CSDN通过智能技术生成

HTML基本结构标签例如:这就可以在vscode上运行得到属于自己的一个网页,形式如图:HTML文档的后缀名必须是.html或.htm,浏览器的作用就是读取HTML文档,并以网页的形式展示。

学习HTML最重要的就是理解每一个标签的语义

根据标签的语义,在合适的地方给一个最合理的标签,让页面清晰.

标题标签:

<h1>——<h6>

一共存在六级标题,<h1>为一级标题以此类推<h6>为六级标题.

标题一共六级选文字加粗一行选,由小到大依级减,从重到轻随之变。语法规范书写后,具体效果刷新见。

具体的应用代码如下:具体的展现效果如下(和上面所描述的顺口溜一致):

段落标签:

<p>定义段落,它可以将网页分成若干的段落。

语义:可以把HTML文档分割成若干段落。

特点:(1)文本在一个段落中会根据浏览器的窗口大小自动换行

           (2)段落与段落之间保有间隙。

代码实现如下:具体的运行结果如下图所示:

好的,下面是一个简单易懂的HTML零基础入门教程: 1. HTML是什么? HTML全称为“Hypertext Markup Language”,即“超文本标记语言”。它是一种用于创建网页的标准标记语言,通过HTML标签来描述网页的各种元素。 2. HTML的基本结构 一个HTML文档通常由三部分组成: - DOCTYPE声明,用于告诉浏览器这是一个HTML文档。 - HTML标签,用于表示整个HTML文档的开始和结束。 - Head和Body标签,分别用于表示文档的头部和主体内容。 以下是一个基本的HTML文档结构: ``` <!DOCTYPE html> <html> <head> <title>页面标题</title> </head> <body> 页面内容 </body> </html> ``` 3. HTML标签 HTML标签用于描述网页中的各种元素,如文本、图片、链接、表格等等。标签通常由一个开始标签和一个结束标签组成,中间包含元素内容。例如,段落标签p用于表示一个段落: ``` <p>这是一个段落。</p> ``` 4. HTML属性 HTML标签可以包含属性,属性用于控制元素的行为和样式。属性通常由名称和值组成,中间用“=”连接。例如,图片标签img可以包含src属性指定图片的路径: ``` <img src="image.jpg"> ``` 5. HTML链接 HTML链接用于在不同页面之间创建链接。链接通常由a标签表示,href属性用于指定链接的目标地址。例如,创建一个跳转到百度的链接: ``` <a href="http://www.baidu.com">百度</a> ``` 6. HTML列表 HTML列表用于表示一组有序或无序的项。有序列表使用ol标签,无序列表使用ul标签,列表项使用li标签表示。例如,创建一个无序列表: ``` <ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> </ul> ``` 以上就是HTML零基础入门教程的基本内容,希望对你有所帮助!
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值