HTML之简介、文档类型、元素、行内元素

最新推荐文章于 2021-07-13 11:48:13 发布

IsSwm

最新推荐文章于 2021-07-13 11:48:13 发布

阅读量358

点赞数

分类专栏： WebBasic 文章标签： html

本文链接：https://blog.csdn.net/qq_27853161/article/details/53643225

版权

WebBasic 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

WHAT IS HTML

HTML(HyperText Markup Language):超文本标记语言，一种纯文本类型的语言。
– 用该语言编写的文件，以.html或者.htm为后缀
– 由浏览器解释执行
– HTML页面上，可以嵌套用脚本语言编写的程序段：如JavaScript
可以理解为标签固定的XML

注释

添加注释的语法如下
- 
- 注释不可以嵌套

HTML 文档类型

`<!DOCTYPE>`声明

<!DOCTYPE>声明网页的版本
<!DOCTYPE html>HTML5的版本声明

`<head>`元素

<head>作用：对网页做基本的配置

`<title>`元素

<title>作用：声明网页的标题

`<meta>`元素

<meta作用：声明网页的编码

文本元素

标题

<h1>H1</h1>
<h2>H2</h2>
<h3>H3</h3>

段落

<p>Swm is me.</p>

列表元素

有序列表

<!-- 3.1有序列表 -->
    <ol>
        <li>湖南省</li>
        <li>湖北省</li>
        <li>河北省</li>
    </ol>

无序列表

<!-- 3.2无序列表 -->
    <ul>
        <li>北京</li>
        <li>上海</li>
        <li>广州</li>
    </ul>

列表嵌套

<!-- 3.3嵌套列表 -->
    <ol>
        <li>
            河北省
            <ul>
                <li>石家庄</li>
                <li>唐山</li>
            </ul>
        </li>
        <li>
            山东省
            <ul>
                <li>济南</li>
                <li>青岛</li>
            </ul>
        </li>
    </ol>

分区元素

分区元素用于为元素分组，常用语页面布局
块级元素：<div></div>
行内欸分区元素：
–设置同一行文字内不同格式

    <div>
        <h1>工具栏</h1>
    </div>
    <div style="color:red;">
        <p>第一</p>
        <p>第二</p>
    </div>

元素的显示方式

块级元素

默认情况下，块级元素会独占一行，即元素前后都会自动换行
如:、<div>、<hn>

行内元素

不会换行，可以和其他行内元素位于同一行
如:``<spac>、<a>

``元素

元素是内联元素，可用作文本的容器。也可用于部分文本设置样式属性

`和`元素

定义斜体字。
定义着重文字。

`和`元素

定义粗体文字。
定义加重文字。

`<del>和`元素

<del>定义带删除线的字。
定义带下划线的文字。

` `元素

 在任何地方创建手动换行

空格折叠

默认情况下，HTML中多个空格、多个制表符、多个换行符会压缩成单个空格，即只显示一个空格。可以使用 

实体引用

这里写图片描述

    <p>
        北京市<i>海淀区</i>北<b>三环</b>西路甲<u>18</u>号
        <span style="color:red;">中鼎大厦</span>B座7层
    </p>

IsSwm

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML之简介、文档类型、元素、行内元素

WHAT IS HTML HTML(HyperText Markup Language):超文本标记语言，一种纯文本类型的语言。 – 用该语言编写的文件，以.html或者.htm为后缀 – 由浏览器解释执行 – HTML页面上，可以嵌套用脚本语言编写的程序段：如JavaScript 可以理解为标签固定的XML 注释添加注释的语法如下 - <!--
复制链接

扫一扫