您现在的位置:首页 >> 前端 >> 内容

HTML中的div元素介绍

时间:2018/3/12 11:19:31 点击:

  核心提示:HTML p 元素HTML 块元素大多数 HTML 元素被定义为块级元素或内联元素。块级元素译为 block level element,而内联元素译为 inline element。块级元素在浏览器...

HTML <p> 元素

HTML 块元素

大多数 HTML 元素被定义为块级元素或内联元素。

“块级元素”译为 block level element,而“内联元素”译为 inline element。

块级元素在浏览器显示时,通常会以新行来开始(和结束)。

例子:<h1>, <p>, <ul>, <table>

HTML <p> 元素

HTML <p> 元素是块级元素,它是可用于组合其他 HTML 元素的容器。

<p> 元素没有特定的含义。除此之外,由于它属于块级元素,浏览器会在其前后显示折行。

如果与 CSS 一同使用,<p> 元素可用于对大的内容块设置样式属性。<p>元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 <table> 元素进行文档布局不是表格的正确用法。<table> 元素的作用是显示表格化的数据。

HTML 类

对 HTML 进行分类(设置类),使我们能够为元素的类定义 CSS 样式。

为相同的类设置相同的样式,或者为不同的类设置不同的样式。

Example1

<html>

<head>

<!-- 设置样式-->

<style>

.cities {

    background-color:black;

    color:white;

    margin:20px;

    padding:20px;

</style>

</head>

<body>

<p class="cities">

<h2>London</h2>

<p>

London is the capital city of England. 

It is the most populous city in the United Kingdom, 

with a metropolitan area of over 13 million inhabitants.

</p>

</p>

</body>

</html>

Example2

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>p对象练习</title>

<!-- 样式 -->

<style type="text/css">

.pClass {

    height: 200px;

    background-color: #FFF000

}

</style>

</head>

<body>

    <!--

        p:区块

        a:超链接

            属性href表示目标页面的地址,也可以是本地HTML文件的地址

            属性target:值"_self"表示在当前页面打开链接,值"_blank"表示在新窗口打开链接

    -->

    <p class="pClass" align="center">

        <h1>Hello World</h1>

        <hr>

        <a href="https://www.sohu.com" target="_self">搜狐</a><br>

        <a href="stuSystem.html">学生管理系统</a><br>

    </p>

</body>

</html>

Tags:HT TM ML L中 
作者:网络 来源:远方水木