HTML学习一

最新推荐文章于 2023-07-09 22:04:31 发布

zxciop110

最新推荐文章于 2023-07-09 22:04:31 发布

阅读量792

点赞数

本文链接：https://blog.csdn.net/zxciop110/article/details/8549879

版权

JSP 同时被 3 个专栏收录

9 篇文章 0 订阅

订阅专栏

java Web

9 篇文章 0 订阅

订阅专栏

javaScript

9 篇文章 0 订阅

订阅专栏

最新想学习一下HTML 虽然有点简单但这都不是重点。那么就从简单标签慢慢学起来开始。由于工作很忙我只能中午的1个半小时的时间看一下HTML的标签然后在Dreamweaver 上写一下。我慢慢的总结吧为了以后找的时候能很方便的找到！

什么是 HTML？

HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper TextMarkupLanguage) ，它是一种标记语言 (markup language) 。标记语言是一套标记标签 (markup tag) ，HTML 使用标记标签来描述网页。

什么是超文本?

标记语言的真正威力在于其收集能力，它可以将收集来的文档组合成一个完整的信息库，并且可以将文档库与世界上的其他文档集合链接起来。这样的话，读者不仅可以完全控制文档在屏幕上的显示，还可以通过超链接来控制浏览信息的顺序。这就是 HTML 和 XHTML 中的 “HT” - 超文本（hypertext），就是它将整个 Web 网络连接起来。

什么是超链接?

超链接（hyper text），或者按照标准叫法称为锚（anchor），是使用 <a> 标签标记的，可以用两种方式表示。

锚的一种类型是在文档中创建一个热点，当用户激活或选中（通常是使用鼠标）这个热点时，会导致浏览器进行链接。浏览器会自动加载并显示同一文档或其他文档中的某个部分，或触发某些与因特网服务相关的操作，例如发送电子邮件或下载特殊文件等。

锚的另一种类型会在文档中创建一个标记，该标记可以被超链接引用。

锚的这两种类型都使用同样的标签；也许这就是它们拥有同样的名称的原因。但是我们发现，如果将它们区分开，把提供热点和超链接地址的锚看作“链接”，而用于标记文档的目标部分的锚称为“锚”，那么您将更容易理解这两种类型的锚。

什么是 HTML 标签？

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。HTML 标签是由尖括号包围的关键词，比如 <html> ；HTML 标签通常是成对出现的；比如 <b> 和 </b> ，标签对中的第一个标签是开始标签，第二个标签是结束标签；开始和结束标签也被称为开放标签和闭合标签。

什么是 HTML 文档?

HTML 文档包含 HTML 标签和纯文本，HTML 文档也被称为网页。

Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容。

.htm 还是 .html 文件后缀？

当您保存 HTML 文件时，既可以使用 .htm 也可以使用 .html 文件后缀。因为过去的很多软件(例如DOS)只允许三个字母的文件后缀，今天的话，使用 .html 完全没有问题。

HTML 的特点：

HTML 是一种松散的语言，它对大小写并不敏感，虽然要求双标签成对的出现，但是不成对出现一般也不会报错；单标签不闭合也不会报错；属性中使用单引号，双引号，或不适用任何引号赋值也不会报错。

HTML 基本结构：

<html>   <!--开始标签-->
    <head>   <!---头部标签->
<title>HTML实例</title>  <!-- 标题-->
</head> <!---头部结束->

 <body>   <!---主题开始标签->
<center>  <!---中间位置->
<h1>
   欢迎来我这里一起学习HTML
</h1>
<br>
<hr>
<font size = 7 color = "red">我在CSDN上交流html</font>
</center>
</body>     <!--主题结束标签-->
</html>     <!- --Html结束-->

如果用Dreamweaver开发环境下直接创建一个HTML项目会自动生成这样的格式不用一行一行的去打，只要理解各标签的意思就OK。

下面来学习一下各标签的意思

换行标签 <br>：

<html>   <!--开始标签-->
    <head>   <!---头部标签->
<title>HTML实例</title>  <!-- 标题-->
</head> <!---头部结束->
 <body>   <!---主题开始标签->
<center>  <!---中间位置->
<h1>
   欢迎来我这里一起学习HTML
</h1>
<br>
  换行1
<br>
换行2
<br>
换行3
<br>
换行4
<hr>
<font size = 7 color = "red">我在CSDN上交流html</font>
</center>
</body>     <!--主题结束标签-->
</html>     <!- --Html结束-->

效果如下：

换段落标签<p> 他可以单独来使用也可以成对来使用

<html>   <!--开始标签-->
    <head>   <!---头部标签->
<title>HTML实例</title>  <!-- 标题-->
</head> <!---头部结束->

 <body>   <!---主题开始标签->
<center>  <!---中间位置->
<h1>
   欢迎来我这里一起学习HTML
</h1>
<p>
这里很多内容
</p>
<p>
这里换段落
</p>
<p alig=center >
<br>
<hr>
<font size = 7 color = "red">我在CSDN上交流html</font>
</center>
</body>     <!--主题结束标签-->
</html>     <!- --Html结束-->

原样显示标签<pre> 有时候想让网页中的文字可以按照自己的写好的布局输出就可以通过这个标签<pre>来做

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <!--开始标签-->
    <head>   <!---头部标签-->
<title>
HTML实例
</title>  <!-- 标-题-->
</head> <!---头部结束-->
 <body>   <!---主题开始标-签-->
<pre>
涌流


    看这里已经改变了布局
                           在看这里又移位了
             我在CSDN上学习HTML
</pre>
</body>      <!-主题结束标签-->
</html>     <!- --Html结束-->

居中对齐标签<center> 这个标签在上面已经提示过了这里就不给代码了可以按照上面的<center>来看

水平分割线标签<hr> 作用是可以画出来一条水平的线来做分割