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






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

猜你喜欢

转载自blog.csdn.net/G_Shengn/article/details/116086241
今日推荐