HTML - 极客学院(哔哩哔哩) -

本文详细介绍了HTML的基本标签使用方法,包括文本格式化标签、链接、块级与行内元素等,并探讨了如何通过CSS来美化网页,涉及背景颜色设置及内外部样式表的运用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、小标签

<b>     粗体文本
<i>     斜体字
<sup>   上标文本
<sub>   下标文本
<del>   删除文本

二、css样式表插入方法

外部样式表

<link rel="stylesheet" type="text/css" href="/css/master.css">

内部样式表

<style type="text/css">
        body {
            background-color: red;
        }
        p {
            margin-left: 20px;
        }
    </style>

内联样式表

<p style="color:red">

三、htmlの链接

 1. 链接数据
        文本链接
        图片链接
 2. 属性
        href属性:指向另一个文档链接
        name属性:创建文档内部链接(百度百科)
 3. img标签属性
        alt:替换文本属性  width:宽  height:高
    <a href="http://www.jikexueyuan.com">点击我</a>
    <!-- href属性:指向另一个文档链接 -->
    <a href="http://www.jikexueyuan.com">
        <img src="html.png" width="200" height="200" alt="替换文本">
                       <!-- width:宽   height:高   alt:替换文本属性 -->
    </a>
    <br><!-- 换行 -->


    <a name="tips">hello.world!</a>
    <!-- name属性:创建文档内部链接(百度百科) -->
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <a href="#tips">跳转到当前页面のhello.world!</a>

四、htmlの块级元素

 1. HTML块级元素
        块元素在显示时,通常会以新行开始
        div、h系列、ul、ol、li、p
 2. HTML行内元素
        行内元素不会以新行开始
        span、input、a、img、
 3. 元素の转换
        display:block(行转块)
        display:inline(块转行)

列表、表格


五、background:背景颜色单词

aqua浅绿色、gray灰色、purple紫色、deeppink深粉色、snow雪白色


六、HTML 中有用的字符实体

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值