初识Html

最新推荐文章于 2022-04-12 15:58:52 发布

你的酒窝里有酒

最新推荐文章于 2022-04-12 15:58:52 发布

阅读量201

点赞数

分类专栏： web学习

本文链接：https://blog.csdn.net/weixin_43213517/article/details/90676096

版权

web学习专栏收录该内容

6 篇文章 0 订阅

订阅专栏

初识Html

HTML ：超文本标记语言，网页内容的载体，包含文字，图片和视频等。
与XML的区别：ＸＭＬ为可扩展标记语言，一般作为配置文件。
与普通文本的区别:普通文本如记事本不能操作字体颜色,背景等.

HTML练习

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的第一个网页</title>
</head>
    <body>
          <p>Hello html!</p>
    </body>
</html>

在这里插入图片描述

Html标签

文本标签

标题标签 h1 – h6 :从大到小

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>标题标签</title>
</head>
 <body>
       <h1>标题标签</h1>
       <h2>标题标签</h2>
       <h3>标题标签</h3>
       <h4>标题标签</h4>
       <h5>标题标签</h5>
       <h6>标题标签</h6>
      <!-h7 没有任何效果，与普通文本一样--->
       <h7>标题标签</h7>   
   
  </body>
</html>

段落标签 : p 标签,自动换行
引用标签: q标签,被引用的文本会带上双引号.
水平线标签: hr 标签,空标签
滚动标签:marqueue
粗体标签 b 标签 strong标签其中strong强调语义的加粗
斜体标签: i标签
换行标签: br 标签
原样输出标签 pre标签
上下标标签
空格标签:
注册商标:
版权所有:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>段落标签</title>
</head>
<body>
       <!--behavior:滚动方式-->
       <marquee behavior="alternate" direction="right">hell Html</marquee>
        <i>斜体</i> <br/>
        <pre>
            1
            2
            3
            4
            5
            6
        </pre>
        x <sup>3</sup><br/>
        co <sub>2</sub>
    
</body>
</html>

在这里插入图片描述

列表标签

无序列表 ul
有序列表 ol.

无序列表：
 <ul type="disc">
     <li>列表1</li>
     <li>列表2</li>
     <li>列表3</li>
 </ul>
 <hr/>
 有序列表
 <ol type="1">
     <li>列表1</li>
     <li>列表2</li>
     <li>列表3</li>
 </ol>

在这里插入图片描述

超链接标签

<body>
<!--打锚点-->
   <a name="tips"></a>
   <a href="www.baidu.com" target="_blank">跳转到百度</a>
<!--跳转到锚点-->
   <a href="#tips">跳转顶部</a>
</body>

表格标签

你的酒窝里有酒

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
初识Html

初识HtmlHTML ：超文本标记语言，网页内容的载体，包含文字，图片和视频等。与XML的区别：ＸＭＬ为可扩展标记语言，一般作为配置文件。与普通文本的区别:普通文本如记事本不能操作字体颜色,背景等.HTML练习<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&gt...
复制链接

扫一扫

专栏目录