您的位置：首页 > 编程语言 > Java开发

Lesson_for_java_day01---html初步认识

2014-04-02 22:48 381 查看

作为一个初学者。为了激励自己。更好的完成接下来要学习的java课程及android课程。选择整理每天老师讲解的读书笔记及自己的理解，将学习过程贴在网上。一来方便复习，二来如果志气相投的人可以交流学习。岂不快哉。

<!--学习内容：HTML简介以及创建HTML,熟悉HTML的文本、列表、块元素及表格的创建//-->

<!DOCTYPE html>  <!--<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。//-->
<html>
<head>  <!--容（包括颜色、大小、粗斜体等）、段落和网页的跳转//-->
<title>第一个网页</title>
</head>

<body bgcolor="">
<a name="top"></a>
<h1>HTML文本</h1>
<hr size="5" color="green" />
<h2>第一章</h2>
<p align="center">第一章第一个段落</p>
<h2>第二章</h2>
<p><srrong>
超级文本标记语言是标准通用标记语言下的一个应用,也是一种规范，一种标准，
超文本标记语言超文本标记语言(15张)它通过标记符号来标记要显示的网页中的各个部分。
网页文件本身是一种文本文件，<font size="4" color="red">通过在文本文件中添加标记符，</font>
可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何排，图片如何显示等）。
</strong></p>
<p>
<b>浏览器按顺序阅读网页文件，</b>
然后根据标记符解释和显示其标记的内容，<i>对书写出错的标记将不指出其错误，</i>
且不停止其解释执行过程编制者只能通过显示效果来分析出错原因和出错部位。
但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，
<em>因而可能会有不同的显示效果。</em>
</p>
<br/><br/>
<p>
<a href="http://www.baidu.com" target="_blank">百度(新页面显示)</a>
<a href="http://www.baidu.com" target="_self">百度(本页显示)</a>
</p>

<h1>HTML列表</h1>  <!--列表的形式:无序列表、有序列表和定义列表 //-->
<hr size="5" color="green" />
<p>
<h2>一个无序的列表</h2>
<ul type="square">
<li>咖啡
<ul>
<li>黑咖啡</li>
<li>白咖啡</li>
</ul>
</li>
<li>茶</li>
<li>可乐</li>
</ul>
</P>

<p>
<h2>一个有序的列表</h2>
<ol type="A">
<li>咖啡
<ol type="a">
<li>黑咖啡</li>
<li>白咖啡</li>
</ol>
</li>
<li>茶</li>
<li>可乐</li>
</ol>
</p>

<p>
<h2>一个定义列表</h2>
<dl>
<dt>行政部</dt>
<dd>前台</dd>
<dd>后勤</dd>
<dt>技术部</dt>
<dd>经理

</dd>
<dd>技术人员</dd>
</dl>
</P>

<h1>HTML块元素</h1>  <!--块元素：<div>和<span>//-->
<hr size="5" color="green" />
<p align="right">计算机语言要一门很牛在语言</p>
<div align="center">计算机语言要一门很牛在语言</div>
<span>计算机语言要一门很牛在语言</span>
<div><img src="../images/qctj.jpg" align="center" /></div>

<h1>HTML表格</h1> <!--表格：表格行列的创建//-->
<hr size="5" color="green" />
<table border="3">
<tr>
<td>第一行</td>
<td>第一行</td>
<td>第一行</td>
<td rowspan=2>合并两行</td>
</tr>
<tr>
<td>第二行</td>
<td>第二行</td>
<td>第二行</td>
</tr>
<tr>
<td colspan=2>合并两列</td>
<td>第三行</td>
<td>第三行</td>
</tr>
</table>
<br/><br/><br/>
<table border="1"> <!--表格：页眉、页脚和主体是设置//-->
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>

<tfoot>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>

<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
</table>
<table border="1">

</table>
<p><a href="#top">返回顶部</a></p>	 <!--内部链接的创建//-->
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航