0基础快速入门 网页制做的基本步骤和教程

HTML简介 什么是HTML?
HTML是一种用来描述网页的语言 。
HTML是指超文本标记语言(HHyperTExtMARKUPLLanguage)
【0基础快速入门 网页制做的基本步骤和教程】HTML不是编程语言,而是标记语言 。
语言是一组标记标签 。
使用HTML 标签tag 来描述网页 。
HTML标记
HTML标签通常被称为HTML标签 。
HTML文档描述了网页
HTML文档包含HTML标签和纯文本 。
HTML也称为网页
HTML标签是由尖括号包围的关键字,例如
HTML标签通常成对出现,比如和 。
标签对中的第一个标签是开始标签,第二个标签是结束标签
开始和结束标记也称为开始标记和结束标记
HTML文档=网页
HTML编辑器 我们可以使用专业的HTML编辑器来编辑HTML:
Adobe Dreamweaver
Microsoft Expression Web
CoffeeCup HTML编辑器
让我们用记事本制作一个简单的网页:
第一步,打开记事本 。
如何启动记事本:
开始
所有程序
附件
笔记本
第二步:在记事本中编辑HTML语言,如图:
步骤3,保存HTML
从记事本的“文件”菜单中选择“另存为” 。
当您保存HTML文件时,您可以使用其中一种 。htm或者 。html扩展 。
步骤4,在浏览器中运行这个HTML文件
启动浏览器,然后从“文件”菜单中选择“打开文件”命令,或者直接在文件夹中双击HTML文件 。
结果应该是这样的:
这样,一个简单的网页就变成了 。
HTML代码-标题 制作网页时用什么来表达标题?让我们来看看:
HTML标题
标题由标签定义,例如–
定义最大的标题 。定义最小的标题 。
注意:浏览器会自动在标题前后加空行 。
注意:默认情况下,HTML会自动在块级元素(如段落和标题元素)的前后添加一个额外的空行 。
HTML代码—水平线 HTML水平线
在标签HTML页面中创建一条水平线 。
hr元素可以用来分隔内容 。
提示:使用水平线(标签)来分隔文章中的各个部分是一种方法(但不是唯一的方法) 。
HTML代码—注释 HTML注释
可以在HTML代码中插入注释,这样可以提高代码的可读性,使代码更容易理解 。浏览器忽略注释并且不显示它们 。
笔记是这样写的:
注意:左括号(左括号)后面需要跟一个感叹号,但不能在右括号(右括号)之前 。
提示:合理使用注释可以对以后的代码编辑有所帮助 。
HTML代码—段落 HTML段落
段落是由标签定义的 。
注意:浏览器会自动在段落前后添加空行 。(是块级元素)
提示:使用空的段落标记
去插入一个空行是个坏习惯 。用 标签代替它!(但是不要用 标签去创建列表 。不要着急,您将在稍后的篇幅学习到 HTML 列表 。)
HTML代码-换行符换行符有什么用?
当然,折线的主要目的是调整网页的布局,使其看起来更加美观大方 。
如果要换行(新行)而不生成新段落,请使用标签:
元素是空的HTML元素 。因为结束标签没有意义,所以它没有结束标签 。
HTML样式-背景颜色 背景色属性定义元素的背景色:
这是一个标题这是一个段落 。
HTML style-font,color和sizefont-family、color和font-size属性分别定义元素中文本的字体系列、颜色和字体大小:
一段的标题 。
HTML样式-文本对齐方式text-align属性指定元素中文本的水平对齐方式 。
我们来看看中、右、左三种对齐方式的演示:
HTML引用 1.HTML元素定义了一个短引用 。
浏览器通常为元素加上引号 。
2 。长引用的HTML
HTML 元素定义了引用的节 。
浏览器通常缩进元素 。
HTML超链接[/s2/] 什么是超链接?超链接是从一个页面跳到另一个页面的方式 。
超链接可以是一个单词、一个单词或一组单词,也可以是一幅图像 。你可以点击这些内容跳转到一个新的文档或当前文档的一部分 。
当您将鼠标指针移到网页中的链接上时,箭头会变成一只小手 。
我们通过使用标签在HTML中创建链接 。
使用标签有两种方式:
通过使用 href 属性 – 创建指向另一个文档的链接 通过使用 name 属性 – 创建文档内的书签访问百度
上面的代码显示为:访问百度
点击这个超链接会把用户带到百度的主页 。
提示:“链接文本”不一定是文本 。图片或其他HTML元素可以是链接 。
链接属性
使用Target属性,可以定义链接文档的显示位置 。


推荐阅读