网页制作之html基础学习1-简介

学习网页制作主要分为三大块

1、HTML    超文本标记语言( 全称:Hyper Text  Markup Language) 专门编辑静态网页

2、CSS      网页美化:是HTML控制的样式、格式的一部分

3、Javascript   脚本语言:主要是编写网页中动态效果的。

html 模块部分

一、简介:

超文本标记语言,静态网页。可以说是一系列“标签”组成的“文本文档”。HTML文档制作不是很复杂,且功能强大,支持不同数据格式的文件镶入,这也是WWW盛行的原因之一,其主要特点如下:

  a、 简易性,HTML版本升级采用超集方式,从而更加灵活方便。

  b、可扩展性,HTML语言的广泛应用带来了加强功能,增加标识符等要求,HTML采取子类元素的方式,为系统扩展带来保证。

  c、 平台无关性。虽然PC机大行其道,但使用MAC等其他机器的大有人在,HTML可以使用在广泛的平台上,这也是WWW盛行的另一个原因。用什么可以编辑HTML?

  HTML其实是文本,它需要浏览器的解释,HTML的编辑器大体可以分为三种:

  a、基本编辑软件,使用WINDOWS自带的记事本或写字版都可以编写,当然,如果你用WPS来编写,也可以。不过存盘时请使用.htm或.html作为扩展名,这样浏览器就可以解释执行了。

  b、半所见即所得软件,这种软件能大大提高开发效率,它可以使你在很短的时间内做出Homepage,且可以学习HTML,这种类型的软件主要有HOTDOG,还有国产的软件网页作坊。

  c、 所见即所得软件,使用最广泛的编辑器,完全可以一点不懂HTML的知识就可以做出网页,这类软件主要有Frontpage98,DREAMWEAVER。

  二、html结构

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><!--utf-8 为编码方式-->

一个< >代表一个标签,网页主要学习的是标签; 代码第一行代表引用国际标准

<html>代表网页的标签,表示一个网页的开始

</html>代表网页的结束

<head>.......</head> 代表一对,‘头部文件’表示用哪种编码方式,中间存放标题、样式的设定等等。

<title>.....</title>代表标题。

<boby>.....</boby>中间用于书写网页的内容

时间: 2024-12-10 11:17:19

网页制作之html基础学习1-简介的相关文章

网页制作之html基础学习6-CSS浏览器兼容问题

初学html和css时,每天切图,总会遇到很多浏览器兼容性问题.最近一直关注移动平台开发,就html和css来说,不用考虑那么多浏览器兼容性问题.到现在,以至于很多浏览器兼容性几乎忘光了.今天把以前总结的知识拿来分享一下,顺便自己也复习一下.当然,其中肯定有很多不足,望指正啊. 1 ie6.0横向margin加倍 产生因素:块属性.float.有横向margin. 解决方法:display:inline: 2 ie6.0下默认有行高 解决方法:overflow:hidden;或font-size

网页制作之html基础学习2-标签

一.html结构组成 1 <html> --开始标签 2 3 <head> 4 5 网页上的控制信息 6 7 <title>页面标题</title> 8 9 </head> 10 11 <body> 12 13 页面显示的内容 14 15 </body> 16 17 </html> --结束标签 注释语法:<!--注释掉的内容--> 标签格式:双标签元素:<标签名 属性 style="

网页制作之html基础学习3-css样式表

样式:CSS(Cascading Style Sheets,层叠样式表),作用是美化HTML网页. 在样式里面用 /*  */ 进行注释. 1.样式表的基本概念 1.1.样式表分类 1.内联样式表 和html联合显示,控制精确,但是可重用性差,冗余多. 例:<p style="font-size:14px;">内联样式表</p> 2.内嵌样式表 作为一个独立区域内嵌在网页里,必须写在head标签里边. <style type= "text/css

网页制作之html基础学习5-background-position用法

我们知道在用图片作为背景的时候,css要这样写,以div容器举例子,也可以是body.td.p等的背景,道理一样. 代码: div{ background:#FFF url(image) no-repeat fixed x y;} 这里的background的属性值依次为: #FFF 背景色:(颜色值,背景图片没有覆盖的地方,或者没有背景图片时表现的背景色)image 背景图片:(这里是图片的地址)no-repeat 是否重复:(图片小于容器的大小时,默认会重复排列图片以填满容器,no-repe

网页制作之html基础学习4-格式与布局

1.position:fixed 锁定位置(相对于浏览器的位置),例如有些网站的右下角弹窗 例: <head> <title>123</title> <style type="text/css"> #a { border:5px solid blue; width:100px; height:100px; margin:10px; background-color:#0F3; left:30px; bottom:20px; positio

Html JavaScript网页制作与开发完全学习手册

篇 HTML技术章 HTML入门 1.1 什么是HTML 1.1.1 HTML的特点 1.1.2 HTML的历史 1.2 HTML文件的基本结构 1.2.1 HTML文件结构 1.2.2 编写HTML文件注意事 1.3 HTML文件编写方法 1.3.1 使用记事本编写HTML页面 1.3.2 使用Dreamweaver编写HTML文件 1.4 网页设计与开发的过程 1.4.1 明确网站定位 1.4.2 收集信息和素材 1.4.3 规划栏目结构 1.4.4 设计页面图像 1.4.5 制作页面 1.

junit基础学习之-简介(1)

JUnit介绍 JUnit是一个开源的Java单元测试框架,由 Erich Gamma 和 Kent Beck 开发完成. 1  JUnit简介 JUnit主要用来帮助开发人员进行Java的单元测试,其设计非常小巧,但功能却非常强大. 下面是JUnit一些特性的总结: — 提供的API可以让开发人员写出测试结果明确的可重用单元测试用例. — 提供了多种方式来显示测试结果,而且可以扩展. — 提供了单元测试批量运行的功能,而且可以和Ant很容易地整合. — 对不同性质的被测对象,如Class,JS

IT兄弟连 HTML5教程 HTML5的学习线路图 第一阶段学习网页制作

学习HTML5技术可并不是简单学会几个新增的标签而已,HTML5现在可以说是前端所有技术的代名词.需要学习的语言和工具不仅多,对于刚接触他们的新人会感觉很乱.另外,前端开发也会细分很多个开发岗位,不同的岗位所涉及的技术也会有差别,所以先要确定自己的发展定位,收集要学习的内容,整理好学习的顺序.很多时候,成功除了勇气.坚持不懈外,更需要方向.也许有了一个好的方向,成功来得比想象的更快.如果在错误的路上奔跑,再怎么努力也是白搭.学习Web前端也是如此,首先应该选择一个正确的学习路线.HTML5学习线

【免费下载】全套最新 001网页制作HTML+CSS 视频教程+教学资料+学习课件+源代码+软件开发工具

001网页制作HTML+CSS视频教程 网盘地址: 链接:https://pan.baidu.com/s/1yTFfvxw8Mj9hoQfLh0G8TQ 提取码:bk9r 加公众号 获取更多新教程 教程目录大纲 ./001网页制作HTML+CSS ├── 01视频教程 │?? ├── 01HTML基础入门 │?? │?? ├── 10.HTML&CSS基础_实体.avi │?? │?? ├── 11.HTML&CSS基础_图片标签.avi │?? │?? ├── 12.HTML&C