如何制作网站,第2部分,使用HTML,带有图片库的CSS由0组成的完整网站-视频教程

本教程介绍了使用HTML和CSS的网站,涵盖各个阶段:建立网站,
创建帐户免费托管,我们的网站免费托管,托管是一种快速的方式把我们的在线网站在几分钟终于上传文件,这种方法带来的不便,我们会有一些广告显示在整个在最高层(顶页标头)。

谁想要打开一个网站,需要了解HTML和CSS,它是没有必要成为专家在HTML(Hyper T分机 MArkupe L语言),但是某些代码信息对于理解这些内容的工作方式绝对必不可少。

即使你建一个网站,所有你需要知道是怎么回事,通过这些文件,你将需要定期校正错误和实现变革。

许多人逃避了代码,许多人都将代码比作象形文字,根本就不是这样,有人曾经说过:“代码就是诗歌”,他是对的,当您看到某些东西是由一系列代码行产生的时,您会感到很开心,您构建了一个仅使用键盘和鼠标的虚拟世界。

我们使用了由软件公司构建的应用程序很长时间,我们只进行计算机操作,是时候进行编程了,实际上它不是编程语言,而是“标记语言”,但是我们将参考它就像一种编程语言,因为它听起来很怪异的``标记语言'',HTML是当今使用的最简单的编程语言(标记)之一,我们在任何站点上都能看到HTML,许多软件都在其中它们是HTML的组成部分,这种编程语言无处不在,是时候学习它了。

第一次可以是一个有点令人生畏,但是如果你不小心,你马上就会明白,一切就这么难,一切都简单而美丽,我们用我们的双手创造的东西,这是最重要的事情。

我们将教你的基础知识,然后我们将学习如何在网页中插入文本,然后我们会安排和彩色文本,我们使用一个CSS样式(层叠样式表),我们将会把所有的页面元素在所有的HTML,这样您将在我们的网页上放置到看起来像它是用一整块。

您将学习简单的技术,基本的HTML和CSS,虽然这些都是基本的HTML和CSS的事情,创造一个很好的概述。

对于本教程,您应该谨慎手持有耐心,本教程是一个我们可以扛得起一点,如果倒转几秒钟,你可能会错过非常重要的东西,你会看到后,将不会生效,浓度信息是非常高的,这就是为什么,我问你要非常非常小心。

本教程后,我会说,甚至密集课程,你将有一个更好的主意,什么是HTML和CSS,你可以控制代码,以及你完全了解一个HTML文档HTML的感觉,不仅是一条线heroglife会消散,你知道它是什么,当你看一个文件或一个HTML CSS。

我们了解的标签(标签),我们这里的标签(标签)的一些例子,你可以在HTML文档中使用,不用担心,没必要将其全部,只是需要学习的基础知识,第一个表中其余的可以在这里找到在网站上或在互联网上,当你需要他们。

即使表是有序的这些标签,使用HTML。

基本元素(标签)。

定义文件格式网页
文件头
Tilul文件
HTML页面的主体
BGCOLOR = 颜色 的页面的背景颜色
TEXT =颜色 彩色文本页面
LINK =颜色 未访问过的链接颜色的页面
虚连接=颜色 页面访问过的链接颜色
ALINK =颜色 链接颜色在点击exacutat用户
BACKGROUND = 网址 背景图像页面
<Hn> <Hn> 等级字幕的文档(文档n = 1 6)
指定文本框的属性
SIZE =n 文字的大小是1 7
FACE =“ A,b” 指定的字体: a如果可用,或 b
COLOR =s 文字颜色:无论是颜色名称或RGB值
换行符
信息预先格式化
HTML Comenatriu
材料穿过页面
水平尺
SIZE =x 像素标尺高度
WIDTH =x 标尺宽度的像素或百分比
NOSHADE 禁用阴影显示水平标尺
ALIGN =x 水平标尺在页面上对齐(左,中,右)
COLOR =x 在水平标尺的颜色(IE浏览器)
锚标记
HREF =网址 超文本参考
HREF =#名称 参考内部锚
NAME = 内部锚的定义

元素列表 .

描述定义
列表类型定义
术语定义
功能列表
<OL 有序列表(编号)
TYPE =类型 键入编号。 可能的值:A,A,I,I,1
START =x 开始订购列表
<UL 无序列表(S)
TYPE =形式 形式标记。 可能的值:圆形,方形,光盘。

字符格式设置元素 .

大胆粘贴文本
粘贴文本斜体
粘贴高亮显示的文本
文字字体面包车
引用bibliogarfica
程序清单
风格突出的逻辑
从键盘输入的文本
突出强大的逻辑
程序或变量
<基本字体 SIZE = n> 指定页面的默认字体大小

帧的元素 .

定义写页
COLS =x 列的数目及相对大小
行数=x 线的数目及相对大小
BORDER =x 指定FRAMESET帧的“开”或“关”状态(1或0)
FRAMEBORDER = x 指定的帧大小
Framespacing = x 相邻两帧之间的空间量
目标框架的定义
SRC =网址 URL源框架
NAME = 框架名称(与TARGET = name一起用作锚标记的一部分
滚动=SCRL 定义选项可能derulare.Valori栏:(启用),关闭(禁用),自动(自动)
FRAMEBORDER =x 周围的边框帧大小
x 额外的空间的上方和下方目标框架
MARGINWIDTH =x 单元的其他空间,一个给定的帧的左侧和右侧的
部分显示的页面为用户谁也看不到框架
内部框架((IE浏览器)
SRC =网址 来源框架
NAME =s 名称窗口(有用的目标)
HEIGHT =x 嵌入式高度
WIDTH =x 嵌入式框架宽度

项目表 .

HTML表格
BORDER =x 框表
CELLPADDING =x 表格单元格内的其他空间
CELLSPACING =x 表格单元格之间的额外空间
WIDTH =x 宽度施加表
FRAME = 微调整表
规则 表统治者微调
边框颜色= 颜色 指定边框颜色表
BORDERCOLORLIGHT = 颜色 指定的两种颜色的颜色变浅
BORDERCOLORDARK = 颜色 两个指定的颜色较深的颜色
ALIGN = 在页面左侧的对齐表格和文本流的右侧
ALIGN = 对齐表格的页面的右侧,和文本流为左
HSPACE =x 桌子周围的其他单位的横向空间
VSPACE =x 桌子四周的其他单元垂直空间
COLS =x 指定一个表的列的数量
使用标记定义一组列定义
<COL WIDTH =x> 定义像素列宽
定义表格标题
定义表体
线路表
BGCOLOR =颜色 指定背景颜色,整条生产线
ALIGN =对准 对齐细胞的当前行中(左,中,右)
表中的数据的小区的
BGCOLOR =颜色 指定单元数据的背景颜色
COLSPAN =x 数列跨越当前单元格数据
ROWSPAN =x 跨越当前的单元格的行的数据数
ALIGN =对准 对准织物的的可能date.Valori细胞(左,右,中心)
VALIGN =对准 垂直对齐的在电池材料date.Valori可能:(顶部,底部,中部)
BACKGROUND =网址 指定表格单元格的背景图像
NOWRAP 不要让一个单元格内的文本行分离
ALIGN =底线 对齐细胞与相邻的文本基线数据
ALIGN =字符 将列与特定字符对齐(默认字符为“。”)
ALIGN =辩解 边缘的左,右边缘与文字对齐

添加图像元素。

<IMG 输入图像标记
SRC =网址 源图形文件
ALT =文本 如果需要显示的替代文本
ALIGN =对准 在页面中的图像对齐。 可能的值:顶尖(TOP),中间(中等),底部(底部),左(左),右(右)
HEIGHT =x 图像的高度(以像素为单位)
WIDTH =x 图像宽度
BORDER =x 当它被用来作为超链接的图像周围的框
HSPACE =x 附加的横向空间周围的图像(像素)
VSPACE =x 附加的垂直空间周围的图像(像素)

元素形式。

HTML表单活跃
ACTION =网址 CGI程序的服务器上接收数据
METHOD =方法 如何将数据提交到服务器(GET或POST)
<输入 文本字段或其他输入
TYPE =选项 输入栏位类型。 可能的值:文本,密码,复选框,隐藏,文件,
收音机,提交,重置形象。
NAME = 字段的值的符号名
值= 文本字段的默认内容
检查= 选项 按钮/箱,标志着默认
SIZE =x 在文本字段中的字符数
SIZE =x 最大允许的字符数
集团复选框
NAME = 字段的值的符号名
SIZE =x 数量的菜单项显示一次(默认= 1)
多个=x 允许选择多个菜单项
<选项 特定领域的选择
值= 在菜单上的选择的结果值
强化营多行文本
NAME = 字段的值的符号名
行数=x 在文本框中行数
COLS =x 每行的文本框列数(字)
逻辑部分的股份形式进入
关联的名称字段设置(FIELDSET)
ALIGN =s 显示指定传说中的对齐方式(解释)(上,下,左,右)
的tabindex =x 指定元素的顺序,当用户按下Tab键
ACCESKEY =c 指定提供快捷键键盘上的某个特定元素的
禁用 元素是无效的,但在屏幕上显示
只读 项目被显示在屏幕上,但不能被编辑

高级元素。

具体信息模型样式
TYPE =VAL 样式模型的类型。 通常是“ text / css”
通常包括一个Javascript网页脚本
LANGUAGE = 所使用的语言
EVENT =事件 事件触发执行特定的脚本
为=numeobiect 对象名称的页面上的脚本工作

下载表格HTML标签

如果你想检查出教程,你可以访问地址:http://www.videotutorial.150m.com。

我们建议您在附加的文件解压缩,并研究三个HTML文件,或CSS文件,使用记事本+ +或另一程序以这种方式编辑网页,您可以更改小心,甚至可以做笔记在没有你的你学习HTML帐户。

祝你愉快,欢迎您在以下教程在这个系列和超越。

下载文件测试

由丹康斯坦丁进行
tutorialegimp.blogspot.com
克里斯蒂安Cismaru:我喜欢与IT&C相关的一切,我喜欢分享我每天积累的经验和信息。 我正在学习教你!

查看评论(333)

  • 很漂亮,吨在本教程中的信息。
    本教程可以称为:输液HTML和CSS。
    也许你不学习几个月,在这里你可以学到一个小时左右,我看到这一切在发布之前,我可以说,打动我的报价信息可以放入教程。
    在一个点上,我觉得需要喝水,即使我刚看了教程,我也没有要想想,报价丹喝了水之后。
    也有一些是不学习HTML和/或本教程之后的CSS。

  • 克里斯提管理员很漂亮,吨在本教程中的信息。
    本教程可以称为:输液HTML和CSS。
    也许你不学习几个月,在这里你可以学到一个小时左右,我看到这一切在发布之前,我可以说,打动我的报价信息可以放入教程。
    在一个点上,我觉得需要喝水,即使我刚看了教程,我也没有要想想,报价丹喝了水之后。
    也有一些是不学习HTML和/或本教程之后的CSS。

    是的,您说得对,但我很失望,因为我认为您会做本教程:(但无论如何,bravo dan很好的教程

    • 你说的不好,我老实告诉你,这个人挣扎了大约一个半小时,教你如何从头开始制作一个网站,你说你很失望,因为他没有做到? 您能想象一个人投入了多少工作以及他失去了多少时间来教我们html和css的基础知识,想一想在张开嘴之前它不适合您提交工作,然后留下其他不必要的评论,例如令您失望的是他没有写,其他人创建了本教程,谢谢您有学习的地方;)

  • :
    是的,你是正确的,但我很失望,因为克里斯蒂认为你会做tutorialu 但无论如何,非常好担喝彩tutorialu

    您如何看待有关“如何制作网站”的系列文章。
    在接下来的教程中,我会是我。
    因为在下一个教程中,我将需要观看本教程由丹。
    我目前是从教程中,我意识到氮杂丹不同,但在它的信息将是必不可少的正确认识事物。
    在网络上发布内容的方法有多种,但都有一个共同点,HTML和CSS,没有他们,你不能做任何事情。

  • 克里斯提管理员:
    你觉得它结束一系列“如何做一个网站。”
    在接下来的教程中,我会是我。
    因为在下一个教程中,我将需要观看本教程由丹。
    我目前是从教程中,我意识到氮杂丹不同,但在它的信息将是必不可少的正确认识事物。
    在网络上发布内容的方法有多种,但都有一个共同点,HTML和CSS,没有他们,你不能做任何事情。

    嗨,克里斯蒂,我责怪PHP或JS系列?

  • Alex:
    嗨,克里斯蒂,我责怪PHP或JS系列?

    我们谈论一切,但也PHP和JS的网站没有HTML不能绑定到HTML。
    PHP被更多地用于从数据库中提取数据,网页仍然在HTML上,无论我们是在谈论动态站点(php,dhtml,asp,jsp,cf)还是在谈论静态站点,我们都会使用HTML,没有它就无法做。
    许多人犯了一个大错误:“我不再想要HTML站点了,我想要一个动态php站点”,这是一个大错误,无论我们是在谈论动态站点还是静态站点,几乎所有地方都使用HTML。
    JS(Java脚本)是不一样的,取决于服务器上的JSP(Java服务器页面),JS站点用于某些脚本,无需任何服务器,JS脚本可以在任何浏览器上运行,而不需要服务器组件,在本教程中,丹用了一系列的脚本JS(照片库)使用JS关闭的东西,有与JS,而不是整个网站是完全使用Java的网站Server Pages的是另一回事,但他们似乎是相同的。
    我知道您很久以前就开始学习“代码”,本教程对您很有帮助,Dan在本教程中做了一件非凡的事情,您甚至没有意识到本教程的价值,在该教程下您几乎拥有所有标签)用在HTML中,则可以使用它们,尤其是因为每个都有描述。
    不要让你的ALEX,打破了代码,它是基于。
    相信我,你会错过潜在NO!

  • 哇,我有很多很好的结构化信息,所以任何人都可以理解。我个人看本教程只是为了寻找新的东西,而随着本教程的进展,我对网站的便捷程度感到惊讶,但并非如此非常感谢您学习本教程,也祝贺所有其他教程,我期待下一次向您提供信息的“注入”(cristi的话)。

  • 当它是一个教程Dreamweaver的? 或者不使用Dreamweaver DC在你的教程吗?

    恭喜所有教程……您最强;)

  • 嗨,这个教程真的很棒,有很多信息。我想我必须学习Frontpage 98的基本html,因为我没有从图书馆的书中进行很多测试。那时的网络,现在我可以观看一个讲解我需要知道的所有内容的教程了。很明显,我已经进化了:)))..我喜欢这样的事实,它是一步一步地进行了解释,并被放进去了。该站点上的所有基本命令和一个可以使用的示例。很明显,您知道自己在做什么,您是真正的老师!
    然而,大部分在网页设计中使用程序自动订单和我的问题是会做一个教程这样的程序吗?
    我知道您制作本教程的目的是为了理解命令,从而更好地理解Web设计程序……但是我仍然很想知道您将继续使用本系列教程,因为即使有人认为它也有很多话题像Dan制作的教程一样无聊,对此我表示祝贺。

相关帖子

本网站使用cookies。