从头再学html 1

最新推荐文章于 2022-10-20 07:34:54 发布

小牛毛

最新推荐文章于 2022-10-20 07:34:54 发布

阅读量502

点赞数

分类专栏： java c# 文章标签： html 浏览器文档 border 文本编辑 xhtml

本文链接：https://blog.csdn.net/yinqianhui1990/article/details/7704798

版权

java c# 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

 




    记得半年前学过等段时间的html，但是一直没怎么使用，应该说用的很少，没做什么web方面的实战项目，所以基本有荒废啦.但是为了接下来学好jsp，不得不再次学习一次，温故一下才行。久了，啥都忘记了。
    好了，闲话少说，还是开始正题吧。
一  HTML 文档的基本结构
HTML文件是什么？



HTML表示超文本标记语言（Hyper Text Markup Language）。



HTML文件是一个包含标记的文本文件。



这些标记保速浏览器怎样显示这个页面。



HTML文件必须有htm或者html扩展名。



HTML文件可以用一个简单的文本编辑器创建，我是用notepad++,功能还比较不错。
先来看个例子吧:
<html>
<head>

<title>
yinqianhui
</title>
</head>
<body bgcolor="blue">  <!--设置背景色为蓝色  -->
THIS IS MY N HOMEPAGE!
<b>粗体</b>
<!--来个表格-->
<table >
<tr>
<td>yinlaoban
</td>
</tr>
</table>
</body>
</html>


运行效果图：
例子解释: 
HTML文档中，第一个标签是<html>。这个标签告诉浏览器这是HTML文档的开始。HTML文档的最后一个标签是</html>，这个标签告诉浏览器这是HTML文档的终止。 在<head>和</head>标签之间文本的是头信息。在浏览器窗口中，头信息是不被显示的。 在<title>和</title>标签之间的文本是文档标题，它被显示在浏览器窗口的标题栏。 在<body>和</body>标签之间的文本是正文，会被显示在浏览器中。 在<b>和</b>标签之间的文本会以加粗字体显示。
 
二 HTML元素：

HTML文档是由HTML元素组成的文本文件。HTML元素是预定义的正在使用的HTML标签。

HTML标签： HTML标签用来组成HTML元素。HTML标签两端有两个包括字符：“<”和“>”,这两个包括字符被称为角括号。HTML标签通常成对出现，比如<b>和</b>。一对标签的前面一个是开始标签，第二个是结束标签,在开始和结束标签之间的文本是元素内容。HTML标签是大小写无关的，<b>跟<B>表示的意思是一样的。
例如：下面是一个HTML元素：

<b>This text is bold</b>
此HTML元素以开始标签<b>起始， 内容是：This text is bold，以结束标签</b>中止。<b>标签的目的是定义一个需要被显示成粗体的HTML元素。
下面也是一个HTML元素：
<body> This is my first homepage. <b>This text is bold</b> </body>


此HTML标签以开始标签<body>起始，终止于结束标签</body>。<body>标签的目的是定义一个此HTML标签以开始标签<body>起始，终止于结束标签</body>。<body>标签的目的是定义一个HTML元素，使其包含HTML文档的主体此HTML标签以开始标签<body>起始，终止于结束标签</body>。<body>标签的目的是定义一个HTML元素，使其包含HTML文档的主体此HTML标签以开始标签<body>起始，终止于结束标签</body>。<body>标签的目的是定义一个html元素，其包含了了文档的主体部分。
还有一点，建议大家要保持大小写一致。最好是用小写。
为什么使用小写标签？ 我们刚说过，HTML标签是大小写无关的：<B>跟<b>含义相同。当你上网的时候，你会注意到多数教程在示例中使用大写的HTML标签，我们总是使用小写标签。为什么？ 假如你想投入到下一代HTML中，你应该开始使用小写标签。W3C在他们的HTML4建议中提倡使用小写标签，XHTML（下一代HTML）也需要小写标签。
 
 三 标签属性： 标签可以拥有属性。属性能够为页面上的HTML元素提供附加信息。标签<body>定义了HTML页面的主体元素。使用一个附加的bgcolor属性，你可以告诉浏览器：你页面的背景色是红色的，就像这样：
<body bgcolor="red">


标签<table>定义了一个HTML表格。使用一个附加的border属性，你可以告诉浏览器：这个表格是没有边框的，代码是：
 
<table border="0">


属性通常由属性名和值成对出现，就像这样：name="value"。属性通常是附加给HTML元素的开始标签的。
注意：中文引号跟英文引号是不一样的。上面所指的引号都是英文状态下的引号