前端学习01

最新推荐文章于 2025-04-09 12:26:58 发布

mango660

最新推荐文章于 2025-04-09 12:26:58 发布

阅读量829

点赞数 3

分类专栏： Web前端文章标签： html html5

本文链接：https://blog.youkuaiyun.com/mango660/article/details/105980029

版权

Web前端专栏收录该内容

27 篇文章

订阅专栏

简介

HTML：超文本标记语言
CSS：层叠样式表
JAVASCRIPT：脚本语言主要用提供动态的网站效果

收获标签

marquee 标签
简称：跑马灯

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>xzy_01</title>
    <style>
        marquee{color: green;
            font: 100px;}
    </style>
</head>
<body>
    <h3>
    	<marquee>书山有路勤为径</marquee>
    	<marquee>学海无涯苦作舟</marquee>
    </h3>
</body>
</html>

基础标签

字体效果

标签	功能
< i>	斜体字
< em>	斜字体（强调）
< u>	底线
< s>	删除线
< font>	字体
< ins>	底部（插入文字）
< abbr>	缩略字

区段效果

标签	功能
< br>	换行
< hr>	分割线（插入一个水平线）
< p>	段落
< center>	居中

图片标签

语法结构
< img src=“图片路径” width="" height="" alt=“提示文字”>
< img src=" " border = 数字> 设置边框
< bgsound src=MID音乐文件地址>背景音乐设定

    <img src="../images/html.png" width="100px" height="150px">
    <img src="../images/htl.png" width="100px" height="150px" alt="这是一张图片">
    <br>
    <a href="http://www.baidu.com">百度链接</a>
    <br>
    <a href="http://www.baidu.com"><img src="../images/html.png" width="100px" height="200px"></a>