Web前端开发学习（一）

五毛钱王子

已于 2022-10-16 23:09:29 修改

阅读量530

点赞数 2

文章标签：前端学习 servlet html

于 2022-10-16 03:00:20 首次发布

本文链接：https://blog.csdn.net/qq_51099379/article/details/127343371

版权

一、HTML的基础Tag用法

以下内容使用VSCode编写，LiveServe插件和Chrome浏览器生成网页。

Web前端学习，只要学会HTML和CSS（层叠样式表）就可以搭建出自己的页面啦！其中HTML的功能是为页面添加内容，CSS则可以美化页面（例如：灰背景，蓝文本，圆角按钮，变小图片，给鼠标加特效等）。最后通过JavaScript为网页添加交互功能，产生功能性操作。三剑合璧方位Web开发！

一、HTML的基础Tag用法

以下为HTML的基础Tag使用。

<!DOCTYPE html>
<html>
    <head>
        <title>My Page！</title>
    </head>
    <body>
        <li>创建列表项</li>

        <ul>
            <li>生成无序列表</li>
            <li>其可在页面顶部当导航栏，定义基础结构通过CSS美化成导航栏</li>
        </ul>

        <ol>
            <li>生成有序列表（不常用）</li>
            <li>ol通常配合ul进行使用</li>
        </ol>

        <p>文本内容</p>
        <p>HTML不关心多余的空格，需用br/<br/>进行换行</p>
        <p>Hi I am a <strong> 加粗 </strong> text!</p>
        <p>Hi I am a <em> 斜体 </em> text!</p>
        
        <button>按钮可互动</button>

        <h1>一级标题（谷歌搜索通过爬虫标题内容检索）</h1>
        <h2>二级标题</h2>
        <h3>三级标题</h3>
        <h4>四级标题</h4>
        <h5>五级标题</h5>
        <h6>六级标题</h6>
    </body>
</html>

<!DOCTYPE html>

作为html5标准网页声明，原先的是一串很长的字符串，现在是这个简洁形式，支持html5标准的主流浏览器都认识这个声明。

五毛钱王子

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
Web前端开发学习（一）

Web前端学习，只要学会HTML和CSS（层叠样式表）就可以搭建出自己的页面啦！其中HTML的功能是为页面添加内容，CSS则可以美化页面（例如：灰背景，蓝文本，圆角按钮，变小图片，给鼠标加特效等）。最后通过JavaScript为网页添加交互功能，产生功能性操作。三剑合璧方位Web开发！
复制链接

扫一扫