Day02-Java开发所需的前端技术

HTML常见元素

1.文本 元素

Heading：不同字号标题，从1-6，数字越大字号越小。

    <!-- 标题元素 -->
    <h1>1号标题</h1>
    <h2>2号标题</h2>
    <h3>3号标题</h3>
    <h4>4号标题</h4>
    <h5>5号标题</h5>
    <h6>6号标题</h6>

Paragraph：段落元素

<!-- 段落元素 -->
    <p>段落</p>

List：列表元素（ul：无序列表（unordered list）；ol：有序列表（ordered list））

    <!-- 列表元素 -->
    <!-- 无序列表 -->
    <ul>
        <li>列表项1</li>
        <li>列表项2</li>
        <li>列表项3</li>
    </ul>
    <!-- 有序列表 -->
    <ol>
        <li>列表项1</li>
        <li>列表项2</li>
        <li>列表项3</li>
    </ol>
    <!-- 多级列表 -->
    <ul>
        <li>一级列表<ul>
                <li>二级列表1</li>
                <li>二级列表2</li>
            </ul>
        </li>
    </ul>

Anchor：锚点，超链接

<!-- 超链接 -->
    <a href="http://www.baidu.com">外部链接</a>
    <a href="#pid">网页内锚点</a>

2.多媒体 元素 

image:图片

<img src="../Image/图片.jpg" width="300px">
<!-- data:image/jpg;base64,图片base64格式 -->
<img src="data:image/jpg;base64,/9j/4AAQSkZJRgABAAAAAAAAAAAAZ"
        alt="" width="300px">

video：视频 controls：控制器

 <!-- 视频 -->
<video src="../Video/6c602282a91b5481e12e21ddadbaf781.mp4" controls width="200px"></video>

audio：音频 controls：控制器

 <!-- 音频 -->
<audio src="../MP3/星星.mp3" controls></audio>

补充：使用jshell，将图片转为Base64

控制台中输入jshell

 Files.readAllBytes(Path.of("F:\\webProject\\Study\\Image\\图片2.jpg"));
 System.out.print(Base64.getEncoder().encodeToString($1))