零基础入门HTML(上)

本文是零基础入门HTML的上部分,主要是为零基础刚接触前端的同学做一个解惑和引路。在上部分不会介绍任何HTML的相关语法,主要是讲解
1.HTML应该怎么学?
2.HTML基本上应该学什么?
3.学到什么程度?

HTML介绍:

HTML作为前端三剑客之一,主要是负责搭建我们整个网页的结构和布局。拿盖房子举例子,盖房子第一步要打好地基。HTML做的工作正是如此。刚入门的同学学习HTML的时候应该是没有什么压力。大家大可不必为此感到焦虑。最后,学习HTML就是学习标签的语义和用法。

HTML应该怎么学?

大家去查阅HTML的相关文档,会发现有超级多的标签,他们每个标签表示的语义都不一样,还有很多的属性。那么这么多的标签我们都需要背吗?回答是:不需要。
我们只需要记住几个高频HTML标签即可,还有H5新增的几个语义化标签即可。剩下的一方面也用不上,另一方面即使用上再现查呗。要知道现在还有好多程序员采用div走天下的思路去开发网站呢?至于div是什么,大家在阅读零基础入门HTML(下)就会知道。

HTML应该学什么?

1.高频常用标签:div 、p 、 h1-h6 、 a 、 img 、 strong 、 em 、 ins 、 del 、span等
2.列表相关标签:ul、 li 、ol 、dl 、dd 、 dt
3.表格相关标签:table、 tr、 th、 td
4.表单相关标签:input button (这方面主要是属性偏多)
5.HTML5新增标签:header、nav、main、article、section、aside、footer、video、audio等。
初学者学会以上足矣,如果想要深究日后闲下来多看几遍文档或者书籍即可,不必在此为他多浪费时间。

HTML学到什么程度?

熟悉以上列举的标签,知道什么地方用什么标签比较合适?注意这应该是初学者比较困惑的地方?不清楚标签用在哪里比较合适。会使用标签创建列表,表格,基本布局。做到以上你的HTML就可以了。

这里给大家推荐一个网站:菜鸟教程非常适合初学者快速入门。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,下面是一个简单易懂的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零基础入门教程的基本内容,希望对你有所帮助!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值