美文网首页
HTML表格、列表、块元素、类

HTML表格、列表、块元素、类

作者: 竹子bupt | 来源:发表于2020-02-12 21:47 被阅读0次

1.表格

<table> 表格标签  border:表格边框属性,数字越大越宽,默认是无边框;cellpadding单元格边距属性;cellspacing:单元格间距属性;frame:框架属性)

<caption>标题 居中

<tr>行    <td>列     

<th>表头 加粗居中,其中rowspan、colspan 属性表示分行分列

空单元格 可以直接不写内容,但是这样会没有边框,为了防止出现这种情况用空格填充 &nbsp;

2.列表

<ul> 无序列表标签  (type:列表项前面的符号,默认是小黑圆圈)    <li>每个列表项  

<ol>有序列表   ( type:顺序类型,可以是字母,数字等    start:开始的数字)    <li>每个列表项

<dl>自定义列表   <dt>每个自定义列表项    <dd> 每个自定义列表项的定义

3.块元素和内联元素

都是对代码的整体组合便于统一调配属性。多行代码是块元素,用<div>组合。<span> 标签被用来组合行内元素。

例如:<p class="tip"><link rel="stylesheet" type="text/css" href="my_style.css"><span>提示:</span>... ... ...</p>   html文件

            p.tip span {font-weight:bold; color:#ff9955;}      css文件

            从单独的css文件中引入格式,属于外部样式表

4.类

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

从自己的html文件的<head>标签内设置<style>标签,然后引用,属于内部样式表

分类块级元素:

<head>

<style>.cities {background-color:black;color:white;margin:20px;padding:20px;}</style>

</head>

<body>

<div 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>

</div>

</body>

相关文章

  • HTML表格、列表、块元素、类

    1.表格 表格标签(border:表格边框属性,数字越大越宽,默认是无边框;cellpadding单元格边距属性;...

  • Html行级元素和块级元素

    一、行内元素与块级元素 块级元素列表 定义地址 定义表格标题 定义列表中定义条目 定义文...

  • HTML基本知识(二)

    列表 无序列表 标签, 项 有序列表 标签, 项 自定义列表 -嵌套列表 块 块级元素,可用于组合其他HTML元素...

  • HTML元素类型

    一、html元素类型 html元素分为三类: 块元素,内联元素(行内元素),可变元素 注:html元素也可分为:块...

  • html-css

    目录 Day01标签行元素 Day02表单元素css选择器伪类选择符行内元素块元素表格 Day03文本相关属性列表...

  • 表格标签

    表格标签