Java前端 html 基本标签

一、新建

项目和标签都已经建立好了，现在将基本标签和基本样式设置一下。
这里在01-基本标签上，右键重新建立html文件，文件名就叫基本标签。

二、使用

（一）字体设置

设置颜色为紫色、字体大小为5、字体样式为楷体，代码如下：

< font color=“purple” size=“5” face=“楷体”>陌上人如玉，公子世如双< /font>

陌上人如玉，公子世如双
由于编译问题，html代码会直接进行编译。
（所以在这里，< 后面我都加了一个空格，使用时，< 后面是没有空格的。）

上面这行字就是打开新网页后的效果。

（二）加入水平线

加入普通水平线：
< hr>
效果如下：

---

设置水平线颜色为银色、大小为7代码如下：

< hr color=“yellow” size=“7” / >

（三）超链接

直接< 后面加一个a，按下tab键，写入需要跳转的链接即可。
如< a href=“http://www.baidu.com”>百度< /a>
效果如下：
百度
点击该链接会自动跳转到百度。
中间的内容是自己设置的。
如我们将内容设置为谷歌，但是链接还是百度，我们点击蓝色字体后还是会进入百度网站。
< a href=“http://www.baidu.com”>谷歌< /a>
谷歌

（四）换行

在html中，直接按回车，网页效果是无法换行的。换行的代码是< br>
没有截图，自己体会吧。

（五）载入

1、图片载入

载入宽度为200像素，高度为200像素的图片。
输入img，直接按下tab键，删除alt，在src中按下alt+/，导入图片。
< img width=“200px” height=“200px” src="" >

2、音频载入

< video controls width=“400px” height=“300px” src=" " >< /video>

3、视频载入

< audio src=" " controls=“controls” > < /audio>

（六）表单

1、无序表单

< ul>
< li>CSDN< /li>
< li>CSDN< /li>
< li>CSDN< /li>
< /ul>
效果如下：

• CSDN
• CSDN
• CSDN

2、有序表单

将无序表单中的ul改为ol即可。
效果：

1. CSDN
2. CSDN
3. CSDN

---

本文纯原创，如有雷同纯属巧合。
如果认为侵权，请联系删除，只是因为懒得计较。
如有错误，敬请批评指正，谢谢大家。