前端的学习-HTML

一:什么是HTML?

        HTML指的是超文本标记语言,是用来描述网页内容的一种语言,HTML不是编程语言,而是是一种标记语言。

        标记语言使用一套标记标签,HTML使用标记标签来描述网页。

        超文本的含义包括两个方面:

                1:超越文字,它可以加入图片,视频,声音的文件,超越了文字的限制。

                2:超级链接文件,指的是它可以从一个文件跳转到另一个文件。

二:基础结构标签

        每个网页都会有一个基本的结构标签(也称为骨架标签),页面内容也是在这些基本标签上书写。 

基础结构
基础结构标签

        <!DOCTYPE html> 用于提示网页,用html5来描述,不是一个 HTML 标签,它就是文档类型声明标签,必须是 HTML 文档的第一行,位于html标签之前。

        <html></html>称为根标签。

        <head></head>文档得头部。

        <meta>可以通过 标签的 charset 属性来规定 HTML 文档应该使用哪种字符编码。如以上使用得是“utf-8”的编码。

        <title></title>文档的标题,让页面拥有属于自己的标题。

        <body></body>文档的主题,页面的内容基本都放在此标签中。

三:HTML的常用标签

        1:标题标签-<h1>-<h6>

                HTML 提供了 6 个等级的网页标 题,即<h1>-<h6>                                       

标题标签

··

                标签语义:作为标题使用,并且依据重要性递减。

                

        

                特点: 1.加了标题的文字会变的加粗,字号也会依次变大。 2.一个标题独占一行。

        2:段落标签-<p>

                在 HTML 标签中,标签 用于定义段落,它可以将整个网页分为若干个段落。

段落标签

                特点: 1.会根据浏览器窗口的大小自动换行。 2.段落和段落之间保有空隙。 

        3:换行标签-<br>

                在HTML中文本会依次从左到右排列,直到窗口的最右边才会自动换行,如果想文本强制换行,则需要使用<br>标签。

                

                特点: 1.<br>是个单标签。 2.标签只是简单地开始新的一行,跟段落不一样,段落之间会插入一些垂直的间距。 

         4:水平线标签-<hr>

                标签在HTML页面中显示为一条水平线,被用来分隔HTML页面中的内容。

                

 

           <hr>的属性

                align:元素的对齐方式,属性值(left center right)分别为左对齐,居中对齐,右对齐。

                noshade:元素的颜色呈现为纯色。属性值(noshade)。

                size:元素的高度。

                width:元素的宽度。

                color:颜色值。

5:文本格式化标签

                在网页中,有时需要为文字设置粗体、斜体 或下划线等效果,这时就需要用到 HTML 中的文本格式 化标签,使文字以特殊的方式显示。

                <strong></strong>或<b></b>:加粗

                <em></em>或<i></i>:倾斜

                <del></del>:删除线

                <ins></ins或<u></u>:下划线

                <sup></sup>:下标

                <sub></sub>:上标

                <pre></pre>:标记对网页中的文字段落进行预格式化,浏览器会完整保留设计者在源文件中所定义 的格式,包括各种空格、缩进以及其他特殊格式。

                今天的笔记先到这......

相关推荐

  1. 关于学习2

    2024-07-22 21:30:01       36 阅读
  2. 开发规范

    2024-07-22 21:30:01       50 阅读
  3. 关于一些

    2024-07-22 21:30:01       37 阅读
  4. 作为,如何利用机器学习

    2024-07-22 21:30:01       31 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-22 21:30:01       52 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-22 21:30:01       54 阅读
  3. 在Django里面运行非项目文件

    2024-07-22 21:30:01       45 阅读
  4. Python语言-面向对象

    2024-07-22 21:30:01       55 阅读

热门阅读

  1. 深度学习中的损失函数和网络优化方法

    2024-07-22 21:30:01       13 阅读
  2. VUE复习

    VUE复习

    2024-07-22 21:30:01      10 阅读
  3. Unity扩展 UI线段绘制组件——UI上的LineRenderer

    2024-07-22 21:30:01       13 阅读
  4. IDM破解

    IDM破解

    2024-07-22 21:30:01      11 阅读
  5. 通过Python面向对象编程探索克苏鲁神话

    2024-07-22 21:30:01       12 阅读
  6. 【论文精读】Fully Sparse 3D Occupancy Prediction

    2024-07-22 21:30:01       15 阅读
  7. 如何在Linux中打开core文件

    2024-07-22 21:30:01       13 阅读
  8. 数据仓库中的数据治理流程

    2024-07-22 21:30:01       12 阅读
  9. 数据结构(特殊二叉树-线索二叉树)

    2024-07-22 21:30:01       13 阅读