保华的Rails学习笔记

Html作业

1、div与span的不同

div是块级元素,而span内联元素
大多数HTML标签都是被分为块级元素和内联元素的
常见的块级元素有:
<h1>、<p>、<ul>、<table>
块级元素一般都是以新的行开始和新的行结尾的
内联元素在开始时并不是新的行开始,常见的内联元素有:
<a>、<img>、<td>、<b>

本身没什么含义,它主要与css一起使用来完成排版工作,它属于块级元素,它可以是其它HTML元素的容器。
元素前后都会有新行产生。它的主要功能就是文档的布局 是内联元素,它可以用作是文本的容器,它并不产生换行效果,它也没什么特定的含义,一般可以与css结合着用。可以对文本进行格式的操作。 ##2、class 与 id 的不同 class是规定了元素的类名,在css与js中,这个类名可以用于作用不同的样式与形式 注意:可以给html元素赋予多个类名,例如: ```` span就有left_menu与important两个类,这样两个类的css样式合并到span。 例如:
<html>
<head>
<style type="text/css">
h1.intro
{
color:blue;
text-align:center;
}
.important {background-color:yellow;}
</style>
</head>

<body>
<h1 class="intro important">Header 1</h1>
<p>A paragraph.</p>
</body>

</html>


共同作用(intro是实现蓝字居中,important是实现黄色背影)后的效果为:

id规定元素的唯一id,id在html中必须是唯一的,通过给元素赋予id,可以通过js与css改变显示样式与形式。
在css中,id是以#开始,而class是以.开头。

3、p与br的不同

p是段落,当需要一个段落的时候,一般用p,p是块元素,br是换行,可以单独使用,用了br就会产生换一行的效果。p标签一定要成对出现,需要闭合,但是br标签不需要成对出现。p一般加于一段文本上,而且br一般是单独出现,不用作用于文本

4、如何使用 table 排版

表格是由table来定义的,每个表格都由几行分成几个单元格,行是由<tr>定义,而单元格是由<td>定义,table可以有表头,它是用<th>来定义