HTML孙鑫知识点（上）

最新推荐文章于 2021-06-25 15:30:10 发布

Marshall Ren

最新推荐文章于 2021-06-25 15:30:10 发布

阅读量174

点赞数

分类专栏： ASP.NET 前端基础学习

本文链接：https://blog.csdn.net/Marshallren/article/details/100177541

版权

ASP.NET 同时被 3 个专栏收录

29 篇文章 1 订阅

订阅专栏

前端

11 篇文章 0 订阅

订阅专栏

基础学习

4 篇文章 0 订阅

订阅专栏

一、HTML的基本概念：

HTML：超文本标记语言

Web页面：是一种文档，HTML用于编写这种文档

www：万维网的缩写（World Wide Web）

Web页面绝大部分都是由HTML编写

一个html页面应该有的基本元素：

<html>             ---开始HTML文档
    <head>         ---开始文档头部
        <title>    ---开始文档标题
            This is the first page.
        </title>   ---结束文档标题
    </head>        ---结束文档头部
    <body>         ---开始文档体
        The World! 
    </body>        ---结束文档体
<html>             ---结束HTML文档

HTML元素的四种形式：

<!--空元素-->
<br>

<!--带有属性的空元素-->
<hr color="blue">

<!--带有内容的元素-->
<title>http://www.sunxin.org</title>

<!--带有属性和内容的元素-->
<font color="red">http://www.sunxin.org</font>

*注意：在HTML文档中，若存在多个空白字符，浏览器显示时只解析为一个空格字符

二、段落控制标签

元素<p>表示段落控制标签，创建一个段

属性align表示段落的对齐方式，有left、center、right、justify四种值；

元素<br>表示换行

元素<hr>表示插入一条水平线

属性color指定线的颜色，值clr可以为预定义的颜色名字，也可以用16进制数表示颜色，数值前加#

元素<center>…</center>使文本居中显示

元素<hn>指出文档的标题，n是1-6的整数

三、列表标签

<ol>和<li>标签创建带数字编号的列表

<ol>标签中使用start属性，设置起始序号；

<li>标签中使用value属性，改变列表的编号顺序

<ul>和<li>标签创建带项目编号的列表

type属性指定符号样式：

-disc：实心圆圈

-square：实心方块

-circle：空心圆圈

<dl>和<dt>标签创建无符号列表

<dl>和<dd>标签创建缩进列表

例子：

<body>
    <ol start="0">
        <li>《JAVA从入门到入土》</li>
        <li>《C++从入门到入坑》</li>
        <li value="5">《VB实例教程》</li>
    </ol>
    <!--改变排序的类型-->
    <ol type="I" >
        <li>《JAVA从入门到入土》</li>
        <li>《C++从入门到入坑》</li>
        <li value="5">《VB实例教程》</li>
    </ol>

    <ol type="a">
        <li>《JAVA从入门到入土》</li>
        <li>《C++从入门到入坑》</li>
        <li value="5">《VB实例教程》</li>
    </ol>
    <!--排序变成圆圈符号-->
    <ul type="disc">
        <li>《JAVA从入门到入土》</li>
        <li>《C++从入门到入坑》</li>
        <li>《VB实例教程》</li>
    </ul>

    <ul type="square">
        <li>《JAVA从入门到入土》</li>
        <li>《C++从入门到入坑》</li>
        <li>《VB实例教程》</li>
    </ul>

    <ul type="circle">
        <li>《JAVA从入门到入土》</li>
        <li>《C++从入门到入坑》</li>
        <li>《VB实例教程》</li>
    </ul>
    <!--排序不出现符号-->
    <dl>
        <dt>《JAVA从入门到入土》</dt>
        <dt>《C++从入门到入坑》</dt>
        <dt>《VB实例教程》</dt>
    </dl>

    <dl>
        <dd>《JAVA从入门到入土》</dd>
        <dd>《C++从入门到入坑》</dd>
        <dd>《VB实例教程》</dd>
    </dl>
    <!--术语列表-->
    <dl>
        <dt>HTML</dt>
        <dd>超文本标记语言</dd>
        <dt>HTTP</dt>
        <dd>超文本传输协议</dd>
    </dl>
</body>

结果：

Marshall Ren

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
HTML孙鑫知识点（上）

一、HTML的基本概念：HTML：超文本标记语言Web页面：是一种文档，HTML用于编写这种文档www：万维网的缩写（World Wide Web）Web页面绝大部分都是由HTML编写一个html页面应该有的基本元素：<html> ---开始HTML文档 <head> ---开始文档头部...
复制链接

扫一扫