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

   2023-04-15 互联网0
核心提示:HTML简介 什么是 HTML? HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言,而是一种标记语言 (markup language

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

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 Dreamweaver

Microsoft expression Web

CoffeeCup 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 属性,你可以定义被链接的文档在何处显示。

 
标签: 网页 注释 段落
反对 0举报 0 评论 0
 

免责声明:本文仅代表作者个人观点,与爱美生活网(本网)无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
    本网站有部分内容均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责,若因作品内容、知识产权、版权和其他问题,请及时提供相关证明等材料并与我们留言联系,本网站将在规定时间内给予删除等相关处理.

  • DW都有那些功能(网页功能支持都有)
    DW都有那些功能(网页功能支持都有)
    DW常见功能包括:1、可用于网页的设计和开发,研究网页的升级和优化服务;2、可支持多语言项目的开发,平衡浏览器语言限制;3、可用于网站的辅助管理;4、可支持跨产品、多屏幕预览实时视图功能。DW中文名翻译为"梦想编织者",是一款集网页制作和管
  • 怎样下载网上的视频(如何下载网页中的视频)
    怎样下载网上的视频(如何下载网页中的视频)
    怎样下载网上的视频(如何下载网页中的视频)声明:本文只作为技术交流,请勿用于违法事宜。平时我们在网络上查找视频资料,好不容易看到想要的视频却没法下载,这里就教大家如何利用网络媒体嗅探软件下载【传统的在线视频】和【分段式加密的在线视频】。一、
  • 怎么防止网站被攻击,3种网站攻击的解决办法
    怎么防止网站被攻击,3种网站攻击的解决办法
    网站被恶意攻击,可以说网站就不好发展了。以前,只要网站被攻击,直接把程序给删除了,重新再做一个新网站,可是,做个新站后不久,还是会被恶意攻击。那么要如何防止网站被恶意攻击呢? 防止网站被恶意攻击的方法: 1,使用安全的网站源码 许
  • 为什么mac打不开网页(分析mac打不开百度的原因)
    为什么mac打不开网页(分析mac打不开百度的原因
    我们Mac电脑的触控板原生手势是只有一到二指的设置,可想而知我们能使用的手势是非常少的。Better and Better能够让你的鼠标、触控板通过绘图、或者键盘快捷键触发各种快捷动作。可以让我们更快的完成Mac电脑上的操作,例如打开网址、
  • 浏览器打不开网页怎么办(浏览器打不开的解决方案)
    浏览器打不开网页怎么办(浏览器打不开的解决方
    相信大家平时在使用电脑的时候,都遇到过电脑可以连接网络,但是却始终无法打开网页的情况。那么当遇到这个问题时该怎样处理呢?想知道详细的解决方法吗?那就随小编一起接着往下来了解一下吧~ 手把手教你解决上不了网的问题: 不知道大家有没有遇到过这样
  • 怎么下载网页上的图片到电脑,掌握这个方法下载其实很简单
    怎么下载网页上的图片到电脑,掌握这个方法下载
    有一些朋友因为工作需要或者个人爱好,总是需要下载各种图片,比如壁纸啦、设计素材啦,有时候耗费大量时间终于在网页里找到了。 下载图片很简单,或者右键另存为,或者直接拖到桌面,但是这只适合几张图片的下载,如果一个页面上有几十兆,甚至几百兆上千张
  • 网页设计与制作要学些什么(语言网页学习使用)
    网页设计与制作要学些什么(语言网页学习使用)
    1、从设计方面看,需要学习PS或者AI技术,以及动画设计之类的设计软件,需要有一定的美术功底。2、从制作方面看,需要学习HTML语言和Javascript语言,能够掌握两种语言的代码使用方法,并能根据网页开发的需要,合理使用这些语言。3、需
  • UC浏览器怎样打开多个网页
    UC浏览器怎样打开多个网页
    1、手机版:直接点击底部第四个按键,点击“加号”即可新建窗口,或者双指从上往下滑动也能新建窗口;2、电脑版:直接点击顶部的“加号”即可新建标签页。
  • 怎样查询qq群的创建时间(自己的创建时间点)
    怎样查询qq群的创建时间(自己的创建时间点)
    查询qq群的创建时间的方法1:加入QQ群,要看建群时间先加入群;加入群之后找到所在的群;点击鼠标右键,点击“访问QQ群空间”;进入QQ群空间主界面;页面右边群信息,即可查到创建时间。方法2:登入qq,在qq群组中,找到自己的qq群;鼠标右键
  • 网页中的基本元素是什么(网页网站称为主页)
    网页中的基本元素是什么(网页网站称为主页)
    在因特网上浏览时,看到的每一个。页面,称为网页,很多网页组成一个网站。一个网站的第一个网页称为主页。主页是所有网页的索引页,通过单击主页上的超链接,可以打开其他的网页。正是由于主页在网站中的特殊作用,人们也常常用主页指代所有的网页,将个人网
点击排行