JAVA--前端--HTML标签

最新推荐文章于 2024-09-27 15:52:57 发布

凤凤564

最新推荐文章于 2024-09-27 15:52:57 发布

阅读量356

点赞数 10

分类专栏： java HTML 标签文章标签：前端

本文链接：https://blog.csdn.net/qq_64253215/article/details/134629877

版权

java 同时被 3 个专栏收录

4 篇文章 0 订阅

订阅专栏

标签

3 篇文章 0 订阅

订阅专栏

HTML

2 篇文章 0 订阅

订阅专栏

本文介绍了在前端开发中如何使用HTML进行网页内容构建，结合CSS实现美化和布局，并利用JavaScript实现动态效果。通过实例展示了不同HTML标签及其对应的效果，帮助读者掌握前端基本技能。

摘要由CSDN通过智能技术生成

🆗 day01

完成网页页面：html+css+javascript

html 编写网页内容

css 美化+布局

javaScript 动态化效果

html 标签

<!-- html5声明方式 -->
<!DOCTYPE html>
<html>
  <!-- 结构标签 -头 -->
	<head>
    <!-- 字符编码格式 utf-8-->
		<meta charset="utf-8">
    <!-- 网页标题标签-->
		<title>我是标题标签</title>
	</head>
  <!-- 结构标签 -内容放置body标签中-->
	<body>
    <!-- 标题标签 h1~h6 字体大到小-->
    <h1>最大标题</h1>
    <h6>最小标题</h6>
    <!-- 段落标签-->
    <p>我是
    一个
    段落
    标签</p>
    <!-- 换行标签--><!-- 注：Html不识别空格和换行 -->
    <br>
    我要换行</br>新        的一行
    <!-- 水平线-->
    <hr>
    <!-- 字体加粗-->
    <strong>字体加粗</strong><br>
    <!-- 字体倾斜-->
    <em>字体倾斜</em><br>
    <!-- 上标sup-->
    x<sup>2</sup><br>
    <!-- 下标sub-->
    Ln<sub>（x）</sub><br>
    <!-- 预格式化文本 pre-->
    <pre>有我就可以保留你的空格    和换行符
    啦</pre>
    <!-- 图片-->
    <!-- src 路径
         width 宽度
         height 高度
         title 鼠标悬停提示文字
         alt 播报等听文章时，用alt里的内容 代替图片-->
    <img src="../assets/logo.png" width="200" height="200" title="小V" alt="如果你不方便看手机 就听这里的介绍吧"/><br>
    <!-- 链接-->
    <!-- href链接地址
         target 链接方式 ：
                   -self 默认值 替换当前网页渲染页面
                   -blank 新建标签页 渲染页面-->
    <a href="https://blog.csdn.net/qq_64253215?spm=1000.2115.3001.5343">一起学习吧-self</a><br>
    <a href="https://blog.csdn.net/qq_64253215?spm=1000.2115.3001.5343" target="-blank">一起学习吧-blank</a><br>
    <a href="https://blog.csdn.net/qq_64253215?spm=1000.2115.3001.5343">图片（可以是图片，我就不找啦）</a><br>
    <a href="#">链接未确定，跳转当前页面</a><br>
    <!-- 定位瞄点-->
    <a name="top">顶部</a><br>
    <p>假设这里有很多内容哦，页面已经看不到顶部了，当点击下面的 返回顶部 链接就会返回顶部
    </p>
    <a href="#top">返回顶部</a><br>
    <!-- 特殊字符-->
    <!-- 空格-->
    你&nbsp;好<br>
    <!-- <-->
    3&lt;5<br>
    <!-- >-->
    5&gt;3<br>
    <!-- ""-->
    &quot;引号&quot;<br>
    <!-- 版权符号-->
    &copy;<br>
  </body>
</html>

对应效果