HTML学习总结

在这周我深入学习了html的知识。首先在前端三大技术中,html是作为骨架和内容的存在。一个网页的内容都是在html中写的。只要是能编辑纯文本的工具就可以写,比如记事本。但更多的是使用VS Code。

首先要先把新建的文件后缀名写成.html,然后一个固定格式〈html〉〈/html〉,所有的内容都会写在这一对中,在这一对里还有〈head〉〈body〉〈title〉,像它们还有许多符号都是以〈/**〉结尾,一对出现。然后像网页的内容一般写在<body>里面。

对于网页会有大小粗细不同的标签,图像,链接,表格,列表等的内容,它们在html里也会有对应不同的表达。想不同的标签,会使用<h(1/2/3/4/5/6)>来表示,像<h1>表示最大最粗的文本,后面依此类推,但不同的是<h1>只能使用一次。而且它们还会自动换行。但如果不想换行,想直接输入一段文字,就要用到<p>,如果想换行就要用到<br>。如果要在网页中显示图像,就要用到<img sec=“图片地址”>,如果要给图片做一些解释也可以在后面加后缀title,还有不显示图片可以显示文字的功能alt,长和宽分别是width和height。说回图片地址由涉及到相对路径和绝对路径的知识,相对路径是在本文件夹中找图片,绝对路径是在电脑文件夹中找图片,但我们更多的会使用相对路径。而相对路径也有在该文件夹的上级,下级还是平级的区别,这就涉及到写文件地址时,是要写./还是/还是不写。对于链接的格式是<a>内容</a>,其中链接也分为内部链接和外部链接。对于内部链接是除了加链接的格式,还要给链接设置一个名字,然后在该链接所要去的地方把名字用id 写上,这是锚点链接。那外部链接就是点击链接跳转到另一个界面,如果在本页面打开,就在后面加上target =“_self”,如果要新打开一个网页,就把self换成blank。对于表格,要先在<body>下建一个<table>,并设置它的像素,宽度等等,然后在它的下面用th建表头,tr是单个格子,然后在tr内填上th,设置表格元素。列表跟表格有所区别,不过也是在table下完成,列表是把内容输在<ul>内的<li>里或者<ol>的<li>里,它们的区别是一个是无序的一个是有序的,还有一个自定义的是<dl>里,在其中有两种类型,<dt>是相当于大哥,只能有一个的内容<dd>是小弟,可以有多个。除此以外还有一些细节部分和一些特殊场景要用到的,比如输入框用<input>,有选项的输入框用<select> 中的<option>等等


HTML学习总结
http://localhost:8090//archives/htmlxue-xi-zong-jie
作者
OoO
发布于
2025年10月30日
许可协议