web总结

最新推荐文章于 2024-05-21 12:45:25 发布

yikaluosidexizhe

最新推荐文章于 2024-05-21 12:45:25 发布

阅读量316

点赞数

分类专栏： web 文章标签：前端 css html

本文链接：https://blog.csdn.net/yikaluosidexizhe/article/details/127554969

版权

web 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

一、什么是html?

html是超文本标记语言，不是编程语言。

其是sgml下的一个应用，也是一种标准规范，它通过标记符号来标记要显示的网页的各个部分。

sgml是一种定义电子文档结构和描述其内容的国际标准语言，是所有电子文档标记语言的起源。

二、什么是浏览器？

浏览器是用来检索、展示以及传递web信息资源的应用程序。Web信息资源由统一资源标识符所标记，它是一张网页、一张图片、一段视频或者任何在web上所呈现的内容。使用者可以借助超级链接，通过浏览器浏览互相关联的信息。

三、已学标签

1、br、hr标签：

(1)br 是一个空元素；
br 必须有一个开始标签，并且一定不能有结束标签。在 XHTML 中将元素写成为 <br />；
<br>标签是单标签；
不要使用 <br /> 来增加文本之间的行间隔，应使用 CSS margin 属性或 <p> 元素；
br 标签在写诗和地址时很有用，这些地方的换行都非常重要；

(2)<hr> 标签定义 HTML 页面中的主题变化（比如话题的转移），并显示为一条水平线。<hr> 元素被用来分隔 HTML 页面中的内容（或者定义一个变化）。

2、p标签：

定义段落时，就可以使用 P 标签。每一个段落之间互不影响，为单独的内容。当使用了 P 标签来定义段落时，每个段落之间会有上下间隙，而且即使内容很少或者没有占满一整行，那么 P 标签的内容也会自动占满一整行，既除 P 标签以外的内容会自动换行显示。

<p>
我是一个p标签哈哈哈哈哈
</p>

3、sub、sup、pre、span标签：

SUB是下标标签， SUP是上标标签，它们属于文本标签。pre用来原样输出内容。span标签是一个标准行内标签一般用来装饰包裹的文本内容，常见于装饰文本。

 <body>
        <p>
            <span style="color: aqua;font-size:20px">这是一个标准的行内标签</span>
            <pre style="font-size: 20px;">
                原样
                    内容
                        输出
                            标签
            </pre>
       
        </p>
    </body>

4、hn、div标签

hn标签指的是h1、 h2、 h3、 h4、 h5、 h6这六个标题标签。主要用来装饰标题。

div标签是一个标准的块标签，主要用来布局。

块标签：指的是div、p、hr、hn这些标签，这种标签和行内标签不同，即便是内容不够一行，也会沾满一行，这样就其他必须换行输出。

 <body>
        <h1>一</h1>
        <h2>二</h2>
        <h3>三</h3>
        <h4>四</h4>
        <h5>五</h5>
        <h6>六</h6>
       
        <hr>

        <div>这是一个div标签</div>
        <div>这是第二个div标签</div>
    </body>

5、语义化标签

<header>      <!--：页眉通常包括网站标志、主导航、全站链接以及搜索框。-->
<nav>           <!--：标记导航，仅对文档中重要的链接群使用。-->
<title>           <!--：页面主体内容。-->
<hn>             <!--：h1~h6，分级标题，<h1> 与 <title> 协调有利于搜索引擎优化。-->
<ul>              <!--：无序列表。-->
<li>               <!--：有序列表。-->
<small>         <!--：呈现小号字体效果，指定细则，输入免责声明、注解、署名、版权。-->
<strong>       <!--：和 em 标签一样，用于强调文本，但它强调的程度更强一些。-->

6、img插入图片

通过设置图片的属性控制图片的显示。

width:图片的宽度。

height：图片的高度。

border：图片的边框。

align:对齐方式。