您的位置：首页 > Web前端 > HTML5

后台开发学习（二）对HTML5简单学习

2017-03-01 07:53 260 查看
今天继续HTML的简单学习，虽然我们专业有HTML5的课程但自我感觉和没学一样。。。

HTML5表格：



<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Table</title>
</head>
<body>
<table>
<caption>Table</caption>

<th>first</th>
<th>second</th>
<th>third</th>

<tr>
<td>one</td>
<td align="center">two</td>
<td>three</td>
</tr>
</table>

<br/>

<table border="1">
<tr>
<td>one</td>
<td>two</td>
<td>three</td>
</tr>
</table>

<br/>

<table border="1">
<tr>
<td>
<ur>
<li>apple</li>
<li>banala</li>
<li>watermonon</li>
</ur>
</td>
<td>two</td>
<td>three</td>
</tr>

</table>

<br/>

<table border="1" bgcolor="#f0f8ff">
<tr>
<td>one</td>
<td>two</td>
<td>three</td>
</tr>
</table>

<br/>

<table border="1" background="img/cow.jpg" cellspacing="30">
<tr>
<td>one</td>
<td>two</td>
<td>three</td>
</tr>
</table>

</body>
</html>


HTML列表:

无序列表：

使用标签<ul>、<li>

属性：disc、circle、square

有序列表：

使用标签<ol>、<li>

属性：A、a、I、i、start

嵌套列表：

使用标签<ol>、<ul>、<li>

自定义列表：

使用标签：<dl>、<dt>、<dd>

HTML块：

HTML块元素:

块元素在显示时，通常会以新行开始。

例如：<p> <h1> <ul>

HTML内联元素：

内联元素通常不会以新行开始。

HTMLdiv元素：

<div>元素也被称为块元素，主要是为了组合HTML元素的容器。

HTMLspan元素：

<span>元素是内联的元素，可作为文本的容器。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" type="text/css" href="block.css">
<style type="text/css">
span{
color: aliceblue;
}
</style>

</head>
<body>

<div id="divID">
<p>我有一句妈卖批</p>
<a href="https://www.baidu.com">不知当讲不当讲</a>
</div>

<p><span>今天</span>不讲不行了</p>

</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  html5
相关文章推荐
新的分享
章节导航