<html> <head> <meta charset="utf-8">
<title>(runoob.com)</title>
</head> <body>
HTML里面字体大小是由h1到h6
<h1>我的第一个标题</h1>
<h2>我的第二个标题</h2>
HTML 段落是通过标签 <p> 来定义的。
<p>我的第一个段落。</p>
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
HTML 链接是通过标签 <a> 来定义的
<a href="https://www.runoob.com">这是一个链接</a>
HTML 图像是通过标签 <img> 来定义的.宽度和高度也可以自己设置
<img src="/images/logo.png" width="258" height="39" />
这是一个简单的html表格案例
<table>
<thead>
<tr>
<th>列标题1</th>
<th>列标题2</th>
<th>列标题3</th>
</tr>
</thead>
<tbody>
<tr>
<td>行1,列1</td>
<td>行1,列2</td>
<td>行1,列3</td>
</tr>
<tr>
<td>行2,列1</td>
<td>行2,列2</td>
<td>行2,列3</td>
</tr>
</tbody>
</table>
table 表格,有配套的标签,其中,tr 代表每一行,td 表示每一列,table tr td 都是双标签
以上的表格实例代码中,<table> 元素表示整个表格,它包含两个主要部分:<thead> 和 <tbody>。
</body>
</html>
让body里面的内容变色
body { background-color:#d0e4fe; }
让h1标签里面的内容变色并居中
h1 { color:orange; text-align:center; }
让p标签里面的内容变色并且字体变成20px
p { font-family:"Times New Roman"; font-size:20px; }
HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。
#para1 { text-align:center; color:red; }
有的 p 元素使用 class="center" 让该元素的文本居中:
p.center {text-align:center;}
多个 class 选择器可以使用空格分开:
.center { text-align:center; }
.color { color:#ff0000; }
css的笔记: