当前位置:首页 > Web开发 > 正文

HTML的标签是较为语义化的

2024-03-31 Web开发

2018年9月我升入了大学,也在同年的十月插手到了我们学校的科协,也就在这时我开始接触前端。一开始的时候是为了通过部门笔试开始看菜鸟教程,菜鸟教程讲的很清晰,每个标签的成果以及其的属性。我的第一个编纂器是Notepad++(对小白很友好,但是风闻其开发者是个极端分子,默默的把它丢入回收站)

以下这段代码等于每个前端初学者的必经之路了

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> </body> </html>

HTML是前真个主要语言,它的全称是Hypertext Maekup Language,也叫做超文本符号语言,是一种用来布局化Web网页的一种符号语言,用一小我私家来比方的话HTML就是人的骨架,是支撑Web网页的重要部分,刚开始接触的时候,我以为这会像C语言一样,需要一些逻辑,但是在慢慢的接触下,我发明其实它很简单,HTML的标签是较为语义化的,head的意思是头部,那么<head>标签的感化就和人的头一样,控制着思维;那么代表着身体的<body>标签则就意味着它的部分是让我们在Web页面中看到的对象。

接着所需要学到的对象就是它的一些主要标签了,刚开始的小白用的最多的就是段落标签<p>以及链接标签<a>了。

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <p>Hey! 我是一个段落</p> <a href="https://www.baidu.com/">百度一下</a> </body> </html>

在<a>标签中除了默认的“href”链接属性之外还有target属性——界说链接的文档在何处显示;“id”属性——界说链接的书签符号。

还有以下一些常用标签

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <h1>我是1号标题</h1><!--标题(最大)--> <h2>我是2号标题</h2><!--标题(次大)--> <b>粗体</b><!--界说着重文字--> <strong>粗体</strong><!--界说着重文字--> <i>斜体</i><!--界说着重文字--> <em>斜体</em><!--界说着重文字--> <img src="url" alt="当图片无法加载时所替换的文字" height="高度" width="宽度" align="对齐方法"><!--插入图片--> <table><!--表格--> <tr><!----> <td></td><!----> <td></td> </tr> <tr> <td></td> <td></td> </tr> </table> </body> </html>

从以上所展示的标签可以看出,每个标签都是成对呈现的,一个标签对应一个闭标签,但是也存在单标签的,,例如上述代码的<img>标签。

列表也是HTML的一项重要标签

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/32012.html