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

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>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 翻译自“Collection View Programming Guide for iOS” 0 关于iOS集合视...
    lakerszhy阅读 3,926评论 1 22
  • 概述 在网易云课堂学习李南江老师的《从零玩转HTML5前端+跨平台开发》时,所整理的笔记。笔记内容为根据个人需求所...
    墨荀阅读 2,377评论 0 7
  • 浏览器与服务器的基本概念 浏览器(安装在电脑里面的一个软件) 作用: ①将网页内容渲染呈现给用户查看。 ②让用户通...
    云还灬阅读 1,160评论 0 0
  • HTML 指超文本标记语言(HyperText Markup Language),是一种用于创建网页的标准标记语言...
    神齐阅读 1,977评论 0 3
  • 今天要交一个案子,要改报告,要处理快到期的OA......下午还来了一个客户,谈了将近一个下午,再回到自己的工位上...
    婧心婧力阅读 447评论 4 0