HTML5基础

最新推荐文章于 2025-01-07 10:12:43 发布

原创最新推荐文章于 2025-01-07 10:12:43 发布 · 129 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#HTML5

本文介绍了HTML标签，如标题、段落、图像、超链接等标签的使用，还提及特殊字符与注释。同时阐述了CSS样式的写法，包括标签、类、ID选择器，以及使用方式，如内部、内联、外部样式表，还补充了CSS注释和颜色表示方法，并布置了预习作业。

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

一.HTML标签
   标题标签 <h1>~<h6>
   段落<p><p/>
   换行 <br/>
   水平线 <hr/>
   粗体 <strong></strong>
   斜体 <em></em>
   图像(images)
   <img src="相对路径\绝对路径" alt="" width="" height="">
   超链接
       几个页面之间的跳转 <a href="跳转后页面的路径">热点文本/图像</a>
       锚链接
           跳转到同一个页面的固定位置
           <a href="#me">点击我</a>
           <a name="me">跳转到这里来</a>

跳转到不同页面的固定位置
           1.html
           <a href="2.html#me">点击我</a>
           2.html
           <a name="me">跳转到我这里来</a>
       功能链接
           <a href="mailto:邮箱地址">给站长写信</a>
   特殊字符与注释
        规范意识 ******
二美化漂亮的衣服 --CSS样式
   怎么写？
       选择器{
       属性：值；
       属性：值；
       }
       (1)标签选择器：选择器写法和标签是一致的。所有的这些标签会使用统一的样式
       如果有个别某些h1不想使用这个样式怎么办？--》肯定不能使用h1这个标签选择器了
       如果某些段落p也想使用h1的那个样式怎么办？
       （2）类选择器
       .red{
           rolor : red;

       }
       <h1></h1>
       <h1 class="red"> </h1>
       <h1></h1>
       <p></p>
       <p class="red"></p>
       (3)ID选择器
       #green{
           color : #00ff00;
       }
       <p id="green"></p>
   怎么用？
       (1)内部样式表
       <style></style>
       (2)内联样式
       <p style=""></p>
       (3)外部样式表
       创建一个外部的css文件 : *.css,把样式写在这个文件中
       谁想用这个样式，谁就引入这个css文件即可
           链接式 ******
           <link rel="stylesheet" href="样式文件的路径">
           导入式
           <style>
               @import "css/types.css";
            </style>
       链接式和导入式区别
补充:
css注释 /* */