建站学院(LieHuo.Net)网页制作 网页制作是一门非常有趣的课程,通过网页制作不但可以展现我们的作品、更可以陶冶情操,往大里说可以达到一些商业赢利等。有些朋友感觉网页制作都是一些英文和字母,太难了,其实HTML就是一种超级文本语言,如果您对英文了解的比较少,学习之初可以先了解一些理论,然后通过网页制作软件学习,如:Dreamweaver、Frontpage等。今天建站学院的小编搜集了一些网页制作的经验总结,希望对您学习网页制作有所帮助。

HTML概念

HTML(Hyper Text Markup Language 超文本标识语言)是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档。

HTML文档的编写方法

1.手工直接编写:记事本等,存成.htm .html格式

2.使用可视化HTML编辑器: Frontpage、Dreamweaver等

3.由Web 服务器( 或称HTTP 服务器一方实时动态地生成。

网页文件命名

1.*.htm或*.html

2.无空格

3.无特殊符号(例如&符号),只可以有下划线“_”,只可以为英文、数字

4.区分大小写

5.首页文件名默认为:index.htm 或 index.html

HTML 文件结构

元素:是HTML语言的基本部分。元素总是成对出现,每一对元素一般都有一开始的标记(如),也有一个结束的标记(如)。元素的标记要用一尖括号括起来,并且结束的标记总是在开始的标记前加一个斜杠

HTML 文件结构(Document Structures)

HTML 文件的正文

基本组成部分——HTML元素属性

HTML元素可以有自己的相关属性,每一个属性还可以由我们网页编制者赋一定的值。元素属性出现在元素的< >内,并且和元素名之间有一个空格分隔;属性值用“”引起来。

元素及元素属性——1

元素表明是HTML文档的主体部分。在与之间,通常都会有很多其它元素;这些元素和元素属性构成HTML文档的主体部分。

元素及元素属性——2

元素中有下列元素属性:

(1)bgcolor

bgcolor属性标志HTML文档的背景颜色。如:bgcolor="#CCFFCC"

HTML对颜色的控制

HTML对颜色的控制也有自己的语法。HTML使用16进制的RGB颜色值对颜色进行控制

16 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.

常见的颜色的代码

颜色颜色名和RGB值黑色Black=”#000000”银色Silver=”#c0c0c0”红色Red=”#ff0000”蓝色Blue=”#0000ff”白色White=”#ffffff”黄色Yellow=”ffff00

(2)background

background属性标志HTML文档的背景图片。如:background=“images/bg.gif"。可以使用的图片格式为GIF,JPG

(3)bgproperties=fixed

bgproperties=fixed使背景图片成水印效果,即图片不随着滚动条的滚动而滚动。

(4)text

text属性标志HTML文档的正文文字颜色。如:text=“#FF6666”。Text元素定义的颜色应用于整篇文档。

(5)超级链接颜色

link、vlink、alink分别控制普通超级链接、访问过的超级链接、当前活动超级链接颜色。

(6) leftmargin和topmargin

设置网页主体内容距离网页顶端和左端的距离如:leftmargin="20" topmargin="30“

1.文字颜色

指定颜色 ...

#=RRGGBB 16 进制数码

2.文字字体

... #=客户端可获得的字体

3.文字大小

...

#=1,7 or +#,-#

...

#=1,6

文字布局

行的控制

段(Paragraph) (可以看作是空行)

空白占位符

HTML的段落与段落之间有一定的空隔。如果不希望出现空隔而只想换行的话,就要用到另一个元素,即
元素。
元素可以使所在的位置出现换行。这种换行和浏览器的自动换行的效果类似。
元素不是成对出现的。

总结

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。

html制作过程总结经验,网页基础制作教程:学习HTML经验总结相关推荐

  1. dw版权信息栏如何制作_dw网页制作过程?用dw怎么制作网页?

    dw网页制作的过程:首先在dw中点击"文件->新建->常规->基本页->HTML":然后创建一个"无标题文档":接着在标题空格处输入网页 ...

  2. 电脑表格制作教程入门_第三节 CorelDRAW制作作品的流程 - CorelDRAW基础入门教程 - 平面设计学院...

    CorelDraw简称CDR,是加拿大Corel软件公司产品.它是一个绘图与排版的软件,它广泛地应用于商标设计.标志制作.模型绘制.插图描画.排版及分色输出等诸多领域.作为一个强大的绘图软件,自然广受 ...

  3. 制作第一个HTML网页,2制作第一个HTML网页.ppt

    2制作第一个HTML网页 * 主讲:冯树茂 深圳市龙城初级中学HTML语法是由标记(Tags)和属性(Attributes)所组成. 标记(Tag):HTML标记通常可以分成两种,第1种是用来识别网页 ...

  4. HTML简历制作过程中的问题,简历制作的一些常见问题及应对方法

    如果你花些时间到Monster简历贴士和说明信贴士留言板上阅读文章的话,你就会发现有些问题会一次又一次的出现.这些问题体现了许多人对于简历和说明信写作一直存在很多疑惑.在这里我们整理出了10个出现频率 ...

  5. 表格制作过程html,HTML进行表格制作

    本篇文章给大家介绍一下HTML进行表格制作的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. HTML中制作表格有两种方法: (1)先把最原始的表格画出来,每一个都是单个单元格, ...

  6. Web前端大作业 体育主题足球网页制作 足球梅西HTML网页设计制作 dreamweaver学生网页源代码

  7. 重回童年的经典系列☀️|【贪吃蛇小游戏】近两万字完整制作过程+解析+源码 【建议收藏学习】

  8. Web前端大作业 体育主题足球网页制作 足球梅西HTML网页设计制作 dreamweaver学生网页源代码...

  9. php制作查询,十二生肖查询网页版制作(php)

    今天无聊做了一个十二生肖查询器: 这个Demo的学习很适合php初学者学习,练练手.大神勿喷 每个人都是从初学开始的. /p> "http://www.w3.org/TR/xhtml1 ...

最新文章

  1. 做程序猿的老婆应该注意的一些事情
  2. 可由一个尾指针唯一确定的链表有_极客算法训练笔记(三),链表详细图解,别再逃避了朋友...
  3. MapReduce 进阶:Partitioner 组件
  4. wsl设置c盘自动挂载到wsl中的/c/目录下
  5. Mac系统如何配置adb路径
  6. html批量转doc linux,HTML+CSS入门 Linux下如何批量将md文件转换为html文件
  7. SpringMVC跨重定向请求传递数据
  8. eclipse中git的author和commiter的修改
  9. 大气辐射示意简单图_地理笔记 | N21 自然地理——大气的组成与垂直分层
  10. swf背景透明,并显示背景图片
  11. Mac安装原版Windows7无法验证AppleSSD.sys文件数字签名解决办法
  12. 学Linux高性能Web集群,看这本书就够了
  13. 2021 Geek re
  14. android 锁屏界面状态栏_Android锁屏下显示来电通知界面
  15. Fashion-MNIST分类(pytorch实现)
  16. uniapp切换中英文
  17. direct wifi 投屏_告别Wifi直接投AOC无线投屏显示器轻松用
  18. 解读CUDA Compiler Driver NVCC - Ch.2 - Compilation Phases
  19. Windows10+ubuntu 双系统安装(针对联想小新air14)
  20. abaqus切削为什么没有切屑_Abaqus切削仿真常见问题及其解决个人总结

热门文章

  1. 腾讯云服务器公网流量是如何计算的?出流量还是入流量?
  2. MFC窗口透明化以及透明穿透
  3. 【看表情包学Linux】shell 命令及运行原理 | Linux 权限 | 文件权限的修改和转让 | 目录的权限 | Sticky bit 粘滞位
  4. 【饭谈】面试官:速斩此子,切不可引狼入室
  5. 【转】manifest
  6. **2019年java最新手机号正则**
  7. NOI Online 2020 Round1 准备计划
  8. 2048 game (转载)
  9. WordPress遇到qq邮箱不能注册,不能重置密码问题(您的密码重设链接无效,请在下方请求新链接。)
  10. React中的ref属性的使用