网页制作教程(一)

HTML简介
什么是 HTML?
HTML 是用来描绘网页的一种言语。
HTML 指的是超文本符号言语 (Hyper Text Markup Language)
HTML 不是一种编程言语,而是一种符号言语(markup language)
符号言语是一套符号标签(markup tag)
HTML 运用符号标签来描绘网页
HTML 标签
HTML 符号标签一般被称为 HTML 标签 (HTML tag)。
HTML 文档描绘网页
HTML 文档包括 HTML 标签和纯文本
HTML 文档也被称为网页
HTML 标签是由尖括号围住的关键词,比方 
HTML 标签一般是成对呈现的,比方  和 <\/b>
标签对中的第一个标签是开端标签,第二个标签是完毕标签
开端和完毕标签也被称为敞开标签和闭合标签
HTML 文档 = 网页
HTML修改器
咱们能够运用专业的 HTML 修改器来修改 HTML:
Adobe DreamweaverMicrosoft Expression WebCoffeeCup HTML Editor
下面咱们用记事原本制造一个简略的网页:
第一步,翻开记事本
怎么发动记事本:
开端
一切程序
附件
记事本
第二步,在记事本中修改HTML言语,如图:

第三步,保存 HTML
在记事本的文件菜单挑选“另存为”。
当您保存 HTML 文件时,既能够运用 .htm 也能够运用 .html 扩展名。
第四步,在浏览器中运转这个 HTML 文件
发动您的浏览器,然后挑选“文件”菜单的“翻开文件”指令,或许直接在文件夹中双击您的 HTML 文件。
成果应该相似这样:

这样,一个简略的网页就成了。
HTML代码-标题
网页制造时用什么来表明标题呢?下面咱们来看看:
HTML 标题
标题(Heading)是经过 

 - 

 等标签进行界说的。

 界说最大的标题。

 界说最小的标题。


注释:浏览器会自动地在标题的前后增加空行。
注释:默许情况下,HTML 会自动地在块级元素前后增加一个额定的空行,比方阶段、标题元素前后。
HTML代码—水平线
HTML 水平线
 标签在 HTML 页面中创立水平线。
hr 元素可用于分隔内容。


提示:运用水平线 (
 标签) 来分隔文章中的末节是一个方法(但并不是仅有的方法)。
HTML代码—注释
HTML 注释
能够将注释刺进 HTML 代码中,这样能够进步其可读性,使代码更易被人了解。浏览器会疏忽注释,也不会显现它们。
注释是这样写的:


注释:开端括号之后(左面的括号)需求紧跟一个叹号,完毕括号之前(右边的括号)不需求。
提示:合理地运用注释能够对未来的代码修改工作发生协助。
HTML代码—阶段
HTML 阶段
阶段是经过 

 标签界说的。


注释:浏览器会自动地在阶段的前后增加空行。(

 是块级元素)
提示:运用空的阶段符号 

<\/p> 去刺进一个空行是个坏习惯。用  标签替代它!(可是不要用  标签去创立列表。不要着急,您将在稍后的篇幅学习到 HTML 列表。)
HTML代码-折行
折行有什么用呢?
当然折行的首要意图是调整网页布局,让它看起来更美观大方。
如果您期望在不发生一个新阶段的情况下进行换行(新行),请运用  标签:


 元素是一个空的 HTML 元素。因为封闭标签没有任何含义,因而它没有完毕标签。
HTML款式-布景色彩
background-color 特点为元素界说了布景色彩:


This is a heading<\/h2>This is a paragraph.<\/p><\/body><\/html>
HTML款式-字体、色彩和尺度
font-family、color 以及 font-size 特点别离界说元素中文本的字体系列、色彩和字体尺度:


A heading<\/h1>A paragraph.<\/p><\/body><\/html>
HTML款式-文本对齐
text-align 特点规则了元素中文本的水平对齐方法。
下面咱们看看中,右,左的三种对齐方法演示:





HTML引证
1.HTML 元素界说短的引证。
浏览器一般会为  元素围住引号。


2.用于长引证的 HTML 


HTML 
元素界说被引证的节。
浏览器一般会对 
 元素进行缩进处理。


HTML超链接
什么是超链接?超链接就是从一个页面到另一个页面之间跳转的方法。
超链接能够是一个字,一个词,或许一组词,也能够是一幅图画,您能够点击这些内容来跳转到新的文档或许当时文档中的某个部分。
当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。
咱们经过运用  标签在 HTML 中创立链接。
有两种运用 
 标签的方法:
经过运用 href 特点 - 创立指向另一个文档的链接经过运用 name 特点 - 创立文档内的书签Visit Baidu<\/a>
上面这行代码显现为:Visit Baidu
点击这个超链接会把用户带到 Baidu 的主页。
提示:\"链接文本\" 不用一定是文本。图片或其他 HTML 元素都能够成为链接。
链接特点
运用 Target 特点,你能够界说被链接的文档在何处显现。

您可能还会对下面的文章感兴趣: