小白菜的前端第二步_h1 style="color: chartreuse-优快云博客

博客主要围绕HTML格式和HTML样式展开。介绍了外部样式表，包括其rel、type、href属性；还提及内部样式表和内联样式表，并给出了相关代码示例，如mystyle.css。

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

HTML格式和 HTML样式

HTML格式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
欢迎来到上海大学
<br/>
<b>欢迎来到上海大学</b>   <!--加粗-->
<br/>
<b><big>欢迎来到上海大学</big></b>  <!--定义大号字-->
<br/>
<em>欢迎来到上海大学</em>    <!--定义着重文字-->
<br/>
<i>欢迎来到上海大学</i>    <!--定义斜体字-->
<br/>
<small>欢迎大家</small>     <!--定义小号字-->
<br/>
<strong>欢迎大家</strong>     <!--定义加重语气-->
<br/>
大家好<sub>欢迎</sub>来到       <!--定义下标字-->
<br/>
大家好<sup>欢迎</sup>来到      <!--定义上标字-->
<br/>
<ins>欢迎</ins>         <!--定义插入字-->
<br/>
<del>欢迎</del>         <!--定义删除字-->

</body>
</html>

HTML样式

外部样式表

<link rel="stylesheet" type="text/css" href="mystyle.css">
rel=外部来源
type=样式
href=外部建的css文件

内部样式表

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

内联样式表

<p style="color:red">

代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>样式</title>
    <link rel="stylesheet" type="text/css" href="mystyle.css">
    <style type="text/css">
        p{
            color: aqua;
        }
    </style>
</head>
<body>
      <h1>标题1</h1>

    <p>欢迎来到极客学院：www</p>
    <a style="color: chartreuse ">点击我跳转到极客学院</a>
</body>
</html>