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

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

  • 4
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值