网页制作入门教程,让你从此爱上HTML

北京哪些荨麻疹医院好 https://m-mip.39.net/m/mipso_8595950.html

HTML简介

HTML是用来描述网页的一种语言。指的是超文本标记语言(HyperTextMarkupLanguage),它不是一种编程语言,而是一种标记语言(markuplanguage)。或许你有迷惑了,什么是标记语言呢?标记语言是一套标记标签(markuptag),而HTML使用标记标签来描述网页。HTML文档也被称为网页,包含HTML标签和纯文本。HTML标签是由尖括号包围的关键词,比如html。HTML标签通常是成对出现的,比如b和/b。标签对中的第一个标签是开始标签,第二个标签是结束标签。开始和结束标签也被称为开放标签和闭合标签。也就是说,网页=HTML标签语言。

HTML编辑器

简单地说,我们应在哪些专业专业里面做网页呢?小编在这里推荐三款专业的HTML编辑器来编辑HTML:AdobeDreamweaver、MicrosoftExpressionWeb、CoffeeCupHTMLEditor。下面我们将用记事本来做一个最简单的网页:

首先打开记事本(开始所有程序Windows附件记事本),第二步是在记事本中编辑HTML语言,如下图:

第三步,保存文档为HTML格式(在记事本的文件菜单选择“另存为”)。当保存HTML文件时,既可以使用.htm,也可以使用.html扩展名。

第四步,在浏览器中运行这个HTML文件(启动浏览器,然后选择“文件”菜单的“打开文件”命令,或者双击该HTML文件),结果如下:

这样,一个简单的网页就做成了。

HTML代码

一、标题

网页制作时用什么来表示标题呢?下面我们来看看:

标题(Heading)是通过h1-h6等标签进行定义的。h1定义最大的标题。h6定义最小的标题。

注释:浏览器会自动地在标题的前后添加空行。注释:默认情况下,HTML会自动地在块级元素前后添加一个额外的空行,比如段落、标题元素前后。

二、水平线

hr/标签在HTML页面中创建水平线。

hr元素可用于分隔内容。

提示:使用水平线(hr标签)来分隔文章中的小节是一个办法(但并不是唯一的办法)。

三、注释

可以将注释插入HTML代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。

注释是这样写的:

注释:开始括号之后(左边的括号)需要紧跟一个叹号,结束括号之前(右边的括号)不需要。提示:合理地使用注释可以对未来的代码编辑工作产生帮助。

四、段落

段落是通过p标签定义的。

注释:浏览器会自动地在段落的前后添加空行。(p是块级元素)提示:使用空的段落标记p/p去插入一个空行是个坏习惯。用br/标签代替它!(但是不要用br/标签去创建列表。不要着急,您将在稍后的篇幅学习到HTML列表。)

五、折行

折行的主要目的是调整网页布局,让它看起来更美观简洁。

如果您希望在不产生一个新段落的情况下进行换行(新行),请使用br/标签:

br/元素是一个空的HTML元素。由于关闭标签没有任何意义,因此它没有结束标签。

HTML样式

一、背景颜色

background-color属性为元素定义了背景颜色:

代码为:htmlbodystyle=background-color:yellowh2style=background-color:redThisisaheading/h2pstyle=background-color:greenThisisaparagraph./p/body/html

二、字体、颜色以及尺寸

font-family、color以及font-size属性分别定义元素中文本的字体系列、颜色和字体尺寸:

代码为:htmlbodyh1style=font-family:verdanaAheading/h1pstyle=font-family:arial;color:red;font-size:20px;Aparagraph./p/body/html

三、文本对齐

text-align属性规定了元素中文本的水平对齐方式。

居中对齐:

左对齐:

右对齐:

HTML引用

1、HTMLq元素定义短的引用。

浏览器通常会为q元素包围引号。

2、用于长引用的HTMLblockquote。

HTMLblockquote元素定义被引用的节。浏览器通常会对blockquote元素进行缩进处理。

HTML超链接

什么是超链接?超链接就是从一个页面到另一个页面之间跳转的方式。超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。我们通过使用a标签在HTML中创建链接。

有两种使用a标签的方式:

通过使用href属性-创建指向另一个文档的链接通过使用name属性-创建文档内的书签ahref=


转载请注明:http://www.aierlanlan.com/rzfs/1312.html

  • 上一篇文章:
  •   
  • 下一篇文章: