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

HTML基础总结以及个人的一些感悟

2014-06-01 23:29 471 查看

写在前面：

今天是我来到传智播客的第四天了，感觉老师讲的很不错，只是这些东西比较零碎，知识点很琐碎，需要记忆的

地方很多。而且因为我的基础是自学的，然后直接上的安卓就业班，就业班的强度还是蛮大的，上课的时间也很紧，

既要保证学会了东西，还要保证一定的代码量，所以没有及时的去更新微博的内容。但是我始终坚信总结是最好的学

习，所以还是趁着端午节放假，抽出时间来总结下自己最近学习的，巩固一下自己所学的知识。我非常明确的知道这

四个月的学习一定非常的艰苦，但是我还是要努力，拼搏，加油！~

----------------------------------------------------------------------------------------------------------------------------------------------------------

那么首先讲了是关于JavaWeb开发方面的，那么首先要知道什么是HTML？HTML 是用来描述网页的一种语言。

HTML 标记标签通常被称为 HTML 标签。HTML 标签是由尖括号包围的关键词，比如 <html> ，并且HTML 标签通常

是成对出现的，比如 <b> 和 </b> 。标签对中的第一个标签是开始标签，第二个标签是结束标签。

HTML 标题是通过 <h1>—<h6> 等标签进行定义的。<h1> 定义最大的标题。<h6> 定义最小的标题。HTML 段

落则是通过 <p> 标签进行定义的。HTML 链接是通过 <a> 标签进行定义的。例如：

<a href="#">This is a link</a>

HTML 图像是通过 <img> 标签进行定义的。例如：

<img src="01.jpg" width="104" height="142" />

<body> 元素定义了 HTML 文档的主体。这个元素拥有一个开始标签 <body>，以及一个结束标签 </body>。

<html> 元素定义了整个 HTML 文档。这个元素拥有一个开始标签 <html>，以及一个结束标签 </html>。在开发过程

中要切记一点，不要忘记结束标签。

HTML 标签可以拥有属性。属性总是以名称/值对的形式出现，例如：name="value"。属性总是在 HTML 元素的

开始标签中规定。<table> 定义 HTML 表格。<h1 align="center"> 拥有关于对齐方式的息。<table border="1"> 拥有

关于表格边框的附加信息。

属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。在某些个别的情况下，比如

属性值本身就含有双引号，那么必须使用单引号，例如：

name='Bill "HelloWorld" Gates'

下面则提供了每个 HTML 元素可使用的合法属性的完整列表：

<hr /> 标签在 HTML 页面中创建水平线。hr 元素可用于分隔内容。如果希望在不产生一个新段落的情况下进行
换行（新行），使用 <br /> 标签即可。

下面说下HTML 的 style 属性。style 属性提供了一种改变所有 HTML 元素的样式的通用方法。样式

是 HTML4 引入的，它是一种新的首选的改变 HTML 元素样式的方式。通过 HTML 样式，能够通过使用 style 属性直

接将样式添加到 HTML 元素，或者间接地在独立的样式表中（CSS 文件）进行定义。

HTML 使用 <a> （锚）标签来创建连接另一个文档的链接。锚可以指向网络上的任何资源：一张 HTML 页面，

一幅图像，一个声音或视频文件等等。创建锚的语法如下：

<a href="url">Text to be displayed</a>

<a> 用来创建锚。href 属性用于定位需要链接的文档，锚的开始标签和结束标签之间的文字被作为超级链接来显

示。而且使用 Target 属性，你可以定义被链接的文档在何处显示。例如下面的这行会在新窗口打开文档：

<a href="#" target="_blank">Visit #!</a>

下面说一下锚标签和 Name 属性。Name 属性用于创建被命名的锚。当使用命名锚时，我们可以创建直接跳至页

面中某个节的链接，这样使用者就无需不停的滚动页面来寻找他们需要的信息。

以下是命名锚的语法：

<a name="label">Text to be displayed</a>

name 属性用于创建命名锚。锚的名称可以是任何名字。下面这行定义了命名锚：

<a name="tips">Useful Tips Section</a>

接着来说说比较重要的HTML 表格。表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），
每行被分割为若干单元格（由 <td>标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单

元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

在浏览器中的显示如下：

表格的表头使用 <th> 标签进行定义。

<table border="1">
<tr>
<th>Heading</th>
<th>Another Heading</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

在浏览器显示如下：

另外还有单元格行的合并和列的合并，以及占位符，我这就不一一举例了。最后再发一张表格的一些标签
的列表信息。

来到传智播客第一天的学习感觉很不错，主要也是学习了有关HTML编程方面的知识，这里学习的氛围也很浓

厚，自己的求知欲也很强烈，希望自己可以在这四个月的时间里，在这里慢慢的成长，坚持，努力，加油！~

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

标签：

相关文章推荐

新的分享

章节导航