html基础教程新手自学第一天必学基础标签

刚接触网页制作的朋友，是不是打开教程就头大？满屏的英文标签看得眼花缭乱，不知道第一天该重点学啥？别慌，兔子哥今天就给新手们划重点，咱们第一天不用贪多，把这几个基础标签学明白、用熟练，就能迈出网页制作的第一步啦！

标题标签：网页的 “大小标题” 怎么设？

咱们写文章有大标题、小标题，网页里的文字也需要分层次，这就得靠标题标签了。标题标签有 h1 到 h6 六种，h1 是最大的标题，就像文章的主标题；h6 是最小的，类似段落里的小标题。你猜怎么着？搜索引擎还特别看重 h1 标签，会通过它判断网页的主要内容呢。
使用的时候要注意，一个网页里 h1 最好只放一个，不然搜索引擎会 confusion ；h2 到 h6 可以根据内容层次多次使用，但别乱嵌套，比如 h3 别直接放在 h1 下面，得按顺序来。咱们写的时候，就想想自己写作文的标题逻辑，这样就不容易出错啦。

段落标签：文字内容怎么规整排列？

网页里的正文内容，总不能堆成一团吧？这时候段落标签就派上用场了。用段落标签把文字包起来，文字就会自动分段，段落之间还会有默认的间距，看起来清爽多了。
有朋友可能会问，换行用段落标签行不行？不行哦，段落标签是用来区分不同内容块的，单纯换行得用专门的换行标签。咱们写的时候，一段意思写完就用一个段落标签，这样内容结构才清晰，自己后面修改也方便。

链接标签：怎么给文字加 “跳转功能”？

网页最方便的地方就是能点一下跳转到其他页面，这功能全靠链接标签实现。想让哪个文字变成可点击的链接，用链接标签把它包起来，再设置好要跳转的网址就行。
这里有个小技巧，要是想让链接在新窗口打开，记得加个属性，不然会在当前窗口跳转，用户想回原来的页面还得点后退。咱们平时逛网页的时候也能注意到，很多外部链接都会新窗口打开，这样的用户体验更好，新手刚开始学就养成这习惯准没错。

图片标签：怎么在网页里插入图片？

光有文字的网页多单调，插入图片能让网页更生动。图片标签用法不难，只要指定好图片的路径和名称，网页就能显示图片啦。但新手常踩的坑就在这里 —— 图片路径容易错。
如果图片和 HTML 文件在同一个文件夹里，直接写图片名就行；要是在子文件夹里，得把文件夹名也写上。还有啊，最好给图片加个 “替代文本” 属性，万一图片加载不出来，就会显示这段文字，用户也知道这里本该是啥内容。兔子哥刚开始学的时候，就因为路径写错，半天看不到图片，后来反复试才搞明白，你们可别犯同样的错哦。
第一天学这些标签肯定会有点晕，记不住也别着急。兔子哥的经验是，边学边写，写的时候多思考 “这个标签是干嘛的”“为什么这么用”，比死记硬背管用多了。不用追求一次就写得完美，先保证每个标签都能用对，慢慢就能熟练。等这些基础标签用顺了，后面学更复杂的内容就会轻松很多，坚持住，咱们一起进步！

标签： 文字包 文件夹