HTML网页开发基础1

最新推荐文章于 2024-09-11 19:51:47 发布

逗逼撞地球

最新推荐文章于 2024-09-11 19:51:47 发布

阅读量2.8k

点赞数 1

分类专栏： java web 文章标签： html css

本文链接：https://blog.csdn.net/kksunkanghui/article/details/79684951

版权

java web 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1.基础部分

<html>

<head>
这里是文档的头部 ... ...
...
</head>

<body>
这里是文档的主体 ... ...
...
</body>

</html>

这是一个网页文件基本框架注意<html><body><head><title>都为双标签

2.html含义

Html是英文 HyperText Markup Language 的缩写，中文意思是“超文本标志语言”，用它编写的文件(文档)的扩展名是.html或.htm，它们是可供浏览器解释浏览的文件格式。您可以使用记事本、写字板或 FrontPage Editor 等编辑工具来编写Html文件。Html语言使用标志对的方法编写文件，既简单又方便，它通常使用<标志名></标志名>来表示标志的开始和结束(例如<html></html>标志对)，因此在Html文档中这样的标志对都必须是成对使用的。

3.<body>标签

<body></body>是Html文档的主体部分，在此标志对之间可包含、、<h1>、</h1>、 、<hr>等等众多的标志，它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标志必须一块使用。<body>标志中还可以有以下属性：
属性用途示例
<body bgcolor="#rrggbb"> 设置背景颜色。 <body bgcolor="red">红色背景
<body text="#rrggbb"> 设置文本颜色。 <body text="#0000ff">蓝色文本
<body link="#rrggbb"> 设置链接颜色。 <body link="blue">链接为蓝色
<body vlink="#rrggbb"> 设置已使用的链接的颜色。 <body vlink="#ff0000">

下面是颜色所对应的十六进制代码：

4.<title>标签

<title></title>
使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息，那些信息一般是网页的“主题”，要将您的网页的主题显示到浏览器的顶部其实很简单，只要在<title></title>标志对之间加入您要显示的文本即可。注意：<title>< /title>标志对只能放在<head></head>标志对之间。

下面是一个综合的例子，仔细阅读，您便可以了解以上各个标志对在一个Html文档中的布局或所使用的位置。

<html>

<head>
<title>显示在浏览器最上边蓝色条中的文本（也就是题目）</title>
</head>

<body bgcolor="yellow" text="blue">
<p>黄色背景、蓝色文本</p>
</body>

</html>

5.格式标志

5.1
标志对是用来创建一个段落，在此标志对之间加入的文本将按照段落的格式显示在浏览器上。另外，标志还可以使用align属性，它用来说明对齐方式，语法是：。align可以是Left(左对齐)、Center(居中)和Right(右对齐)三个值中的任何一个。如表示标志对中的文本使用居中的对齐方式。

5.2 
 是一个很简单的标志，它没有结束标志，因为它用来创建一个回车换行，这么一说我想您该会使用了吧。在 的使用上还有一定的技巧，如果您把 加在标志对的外边，将创建一个大的回车换行，即 前边和后边的文本的行与行之间的距离比较大，若放在的里边则 前边和后边的文本的行与行之间的距离将比较小。

5.3<blockquote></blockquote>
在<blockquote></blockquote>

标志对之间加入的文本将会在浏览器中按两边缩进的方式显示出来。

5.4<dl></dl><dt></dt><dd></dd>
<dl></dl>用来创建一个普通的列表，<dt></dt>用来创建列表中的上层项目，<dd></dd>用来创建列表中最下层项目，<dt></dt>和<dd></dd>都必须放在<dl></dl>标志对之间。

<html>
<head>
<title>一个普通列表</title>
</head>
<body text="blue">
<dl>
  <dt>中国城市</dt>
    <dd>北京 </dd>
    <dd>上海 </dd>
    <dd>广州 </dd>
  <dt>美国城市</dt>
    <dd>华盛顿 </dd>
    <dd>芝加哥 </dd>
    <dd>纽约 </dd>
</dl>
</body>
</html>

    此例在浏览器中的显示如下: 
中国城市 
北京 
上海 
广州 
美国城市 
华盛顿 
芝加哥 
纽约

5.5<ol></ol><ul></ul><li></li>
<ol></ol>标志对用来创建一个标有数字的列表；<ul></ul>标志对用来创建一个标有圆点的列表；<li></li>标志对只能在<ol></ol>或<ul></ul>标志对之间使用，此标志对用来创建一个列表项，若<li></li>放在<ol></ol>之间则每个列表项加上一个数字，若在<ul></ul>之间则每个列表项加上一个圆点。