欢迎来到,北京搜扑互联科技发展有限公司!

免费注册  |  会员登录  |  建站资讯

手机版

网站首页 关于搜扑 企业建站 微信小程序 APP开发 系统定制 网络运维 案例展示 联系我们

网站首页 关于搜扑 企业建站 微信小程序 APP开发 系统定制 网络运维 案例展示 联系我们
 
NEWS
 新闻资讯
多元化互联网资讯
未来网站设计领域的核心理念和创新

 

网页制作教程

来源:本站   发布时间: 2023-10-09 08:57:24   浏览:311次  字号: [大] [中] [小] [收藏]

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 标签通常是成对出现的,比如

标签对中的第一个标签是开始标签,第二个标签是结束标签

开始和结束标签也被称为开放标签和闭合标签

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 段落

段落是通过

标签定义的。

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

是块级元素)

提示:使用空的段落标记 去插入一个空行是个坏习惯。用
标签代替它!(但是不要用
标签去创建列表。不要着急,您将在稍后的篇幅学习到 HTML 列表。)

HTML代码-折行

折行有什么用呢?

当然折行的主要目的是调整网页布局,让它看起来更美观大方。

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


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

HTML样式-背景颜色

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


This is a heading

This is a paragraph.


HTML样式-字体、颜色和尺寸

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


A heading

A paragraph.


HTML样式-文本对齐

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

下面我们看看中,右,左的三种对齐方式演示:

HTML引用

1.HTML元素定义短的引用。

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

2.用于长引用的 HTML


HTML

元素定义被引用的节。


浏览器通常会对

元素进行缩进处理。


HTML超链接

什么是超链接?超链接就是从一个页面到另一个页面之间跳转的方式。

超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。

我们通过使用 标签在 HTML 中创建链接。

有两种使用 标签的方式:

通过使用 href 属性 - 创建指向另一个文档的链接

通过使用 name 属性 - 创建文档内的书签

Visit Baidu

上面这行代码显示为:Visit Baidu

点击这个超链接会把用户带到 Baidu 的首页。

提示:"链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。

链接属性

使用 Target 属性,你可以定义被链接的文档在何处显示。

相关链接

 
业务领域   相关服务   常见问题   关注我们   最新签约
企业建站
微信小程序
APP开发
系统定制
网络运维营销
 
域名注册
云主机
企业邮局
云服务器
网站托管
 
免责声明
文档合同下载
常见问题/帮助
付款方式
友情链接
 


官方二维码
微信公众号

 

北京鞋业运动鞋服饰定制网站

北京帽业定制服饰工厂网站制

北京鞋业服装定制网站制作

北京服装贸易制衣公司网站制

更多建站案例>>
 
客服中心

13011129236

 

010-67605799

周一至周日:早9点-晚18点


北京搜扑互联科技发展有限公司 WWW.SOUPU.NET 总部地址:北京丰台区万柳桥甲3号宝隆大厦1号楼11层 电话:010-67605799 建站专线:13011129236(李老师)

Copyright © 2007-2024 , All Rights Reserve 网站备案号:京ICP备11011187号-1 京公网安备110106005666号

14年互联网应用服务商 专业:网站制作 APP设计 小程序开发 网络运营维护 公众号建设 软件设计开发

免责声明:本网站部分转载信息是出于传递更多信息之目的。若有来源标注错误或侵犯了您的合法权益,请作者持权属证明与本网联系,我们将及时更正、删除,谢谢。