相信很多同学都听说过HTML这款网页编程语言,它是目前所有的网页编程语言中较为简单的一种,它在实际运用之中非常简便实用。
而要学好一门编程语言,我们就要了解它的一些固定结构以及语法,HTML也是如此。本期,就让我们跟随张雅晴学姐来了解一些HTML的入门知识吧!
张雅晴
河北工业大学计算机专业
海尔创客实验室网页组成员
曾获全国大学生创新创业省重点立项
ICAN大赛省三等奖等
0
1
什么是HTML
HTML即超文本标记语言,是用于描述网页文档的一种标记语言。它包括一系列标签,通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。
HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。
0
2
HTML有哪些标签
1.标题
标题标签儿共分为六个,从H1到H6,区别在于字号的不同。上图中左边是源代码,右边是运行出来的结果。
2.段落
上图所示同样左边是源代码,右边是运行结果。
标签的主要特点就是它会自动换行,也就是每个标签都自己构成一个段落。上面的运行结果也是这样,每个标签自成一个段落。
3.a标签
当我们在网上搜索时,只要点击一个链接,然后就能跳转到其他的页面,这个功能就是通过a标签来实现的。
a标签和前文中的段落标签和标题标签有些不同,a标签里面有一段这样的代码:href=""。其实这个叫做标签的属性,属性的内容是指定链接的地址。
4.文本格式化
一般来说,在网页中有时需要为文字设置粗体,斜体或者下划线效果等,这时就要用到文本格式化标签了。
5.span
span标签是一个内联元素,不占有独立区域,其大小仅仅被动的依赖于自身内容的大小,所以一般不能随意设置其宽高、对齐等属性,也不能自动换行。
6.预格式文本
在html中如果不使用预格式(pre),那么文本呈现的结果将会有一些偏差。因此,我们想要保留文本原本的格式,那么就要采用预格式。
7.删除和插入
如果是删除的话,在字上面有一个斜线,如果是插入的话,会在底部有一个横线。
8.图片
HTML图像是通过img标签进行定义的,图片标签和其他标签不一样的是,它不是成对出现的,而只有一个。
9.表格
表格标签以表格形式将数据显示出来,当数据量非常大的时候,表格这种展现形式被认为是最为清晰的一种展现形式。
列表分为无序列表和有序列表,无序列表就是ul标签,有序列表就是ol标签。
10.注释
需要注意的是,在注释标签儿里,第一个字母是一个感叹号,如果没有这个感叹号,就是错的。
11.div
div标签儿是块元素,在HTML代码中,div标签用来创建一个块,其中可以包含其他标签。
俗话说,隔行如隔山,对于刚刚接触和学习web前端的同学来说,确实不太容易摸到门道,希望通过本期的分享,大家可以建立对html的基础印象。
有任何不懂的问题都可以来群里讨论哦,我们下期再见~
扫描