一、理解web标准含义--为什么采用web标准 *****将内容与样式分离 1、web标准是一系列标准，就是一系列技术标准在使用时，是组合应用【1】、结构化内容 xhtml【2】、表现化内容 css【3】、行为化内容 JavaScript 2、网页开发的小工具--火狐浏览器中的firebug工具--附加组件--搜索firebug作为web前端工作，要兼容的浏览器ie，火狐浏览器，谷歌刘浏览器，苹果浏览器等。网页是否有css样式，测试--在浏览器改变文字大小。 3、css定义技...
1 HTML介绍 1.1 代码初体验，制作第一个网页XML/HTML Code复制内容到剪贴板<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>制作我的第一个网页</title> </head> <body> <h1>Hello World</h1> </body> </html> 1.2 HTML和CSS的关系 学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。下面我...
编外话 如果你对html一无所知，还苦恼与html如何入门，笔者很建议你学习下这篇文章，可以让你快速掌握html，如果你已经是html的高手，那么也希望您给我以更好的建议。 概要 HTML俗称超文本标记语言，是Hyper TextMarkup Language的缩写，是用于描述网页文档的一种标记语言。网页文件本身只是一种文本文件，我们通过在文本文件中添加标记符号，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）...
HTML是由标志和属性构成的，它们一起被用来告诉浏览器应该如何显示一页文档。标志用来引用一段文字或是一幅图片等文档部件，属性是标志的选项，在标志中修饰，如颜色，对齐方式，高度和宽度等。很多标志都成对出现，例如有 就有 前一个表示开始，后一个表 HTML是由标志和属性构成的，它们一起被用来告诉浏览器应该如何显示一页文档。标志用来引用一段文字或是一幅图片等文档部件，属性是标志的选项，在标志中修饰，如颜色，对齐方式...
表格是XHTML中处境尴尬的一个标签，本节只做了解即可.关于表格在CSS流行之前，table被广泛应用于定位。在XHTML中，table不被推荐用来定位，W3C希望CSS可以取代<table>在定位方面的地位。不过事实上由于利用CSS布局常常需要大量的手写代码工作(常用的网页设计软件如Dreamweaver并不能完美支持div的显示)，<table>仍被许多网站用语首页布局，例如Google的More products页面就利用了table来定位。 不过我个人推荐您开始使用CSS来定位网...
合理的添加图片可以使一个网页更加的美观。图片标签<img><img>标签用于在网页里插入图片。<img>标签有一个重要的属性"src"，它的属性值就是图片的地址。下面我们就在我们的index.html里插入一个图片。打开”index.html“文件，在</body>前加上如下代码：<p><img src="https://www.gxlcms.com/images/logo.gif" alt="技术支持"/></p>保存后浏览网，请确认您的网页与该页面相同。我们注意到<img>是一个空标签，需要在结尾加...
head和DTD尽管不会显示在页面上，但是却是网页的重要元素。为什么会出错？在上一节中我们我们在检验我们的网页时得到了一段出错信息，但是我们在整个网页的制作过程中都是按照XHTML标准写的啊。其实问题出在了网页的“头部”，下面我们就来解决这个问题。<head>部分在之前的教程中除了<title>标签之外我们修改的都是<body>之间的内容，也就是显示在页面里的内容。那么XHTML中的<head>部分是做什么的呢？其实在<head>部分...
超级链接<a>标签毫不夸张的说，是超级链接把整个互联网连接了起来。超级链接几乎可以指向互联网上的任何资源，例如另外一个网页、一张图片、一首MP3歌曲等等。而利用XHTML建立超级链接的语法却非常简单，只需要一对<a></a>标签即可：<a href="这个超级链接将要指向的网址">页面上将要显示的文字或者图片等</a>例如：<a href="https://www.gxlcms.com/">脚本之家</a> 将会在浏览器中显示为一个超级链接，点击它就将进入脚本之家（ht...
列表用于罗列出来一系列相似或者相关的项目.无序列表（项目列表）无序列表的标签是<ul></ul>，而每一个列表项目则用<li>标签。下面我们就用无序列表来改写我们的"index.html"，打开之前保存的文件后，将"针对学生提供的服务"一段的代码修改为如下的无序列表代码：<h3>针对学生的服务</h3><ul><li>代写寒暑假作业（数学<b>不</b>保证没有错题，语文不保证没有错字，英语作业你找别人吧）</li><li>帮忙欺负<b>四年级</b>以下同学，<b...
本节介绍文字格式和特殊字符在XHTML中的实现方法。文字格式标签在之前的教程中我们曾经用过一次<b>标签，他使得包含在它之中的内容变成粗体显示。例如“<b>菜鸟吧</b>”将显示为菜鸟吧。我们把这种定义文字显示方式的标签叫做文字格式标签（文字样式标签……）。与粗体标签<b>类似的还有斜体标签<i>和强调标签<em>等。我们推荐您使用CSS定义网页的样式，而不是类似<b>的XHTML标签，这里介绍这些标签的目的是...
XHTML标签简介也许你在上一节就注意到了，XHTML文件与普通的纯文本文件的最大不同在于一些用“<>”包含的东西，例如<body>。我们把他们叫做标签。通常情况下XHTML标签都是成对出现的，例如<html></html>。可以看到它们只相差一个“/”，我们把类似<html>的没有“/”的标签叫做起始标签，而它对应的有“/”的</html>则叫终止标签，终止标签与起始标签只相差一个"/"符号。当然了，XHTML也有...
就像一篇文章一样，我们的网页也要段落分明，也需要重要程度不同的标题。本节就将介绍XHTML中实现标题、段落等功能的常用签..标题标签<h1>到<h6>定义标题，我们可以使用从<h1>到<h6>这几个标签，它们对应的终止标签分别为</h1>到</h6>，其中<h1>到<h6>字号顺序减小，重要性也逐渐降低。浏览器将在标题的上面和下面自动各空出一行。段落标签<p>定义段落使用<p>和</p>，在<p>和</p>之间的内容会被识别为一个段落，它就类似我们通常所...
什么是HTML?简单点说：HTML是用来做网页的。它很简单，在接下来的1~2分钟之内你就会跟着我用HTML做一个简单的网页。复杂点说：HTML（HyperTextMarkupLanguage的缩写），即超文本链接标记语言。它是在互联网发布超文本文件(通常所说的网页)的通用语言。什么是XHTML?更先进难懂的技术？简单点说：X是吓唬人的，其实XHTML就是严谨而准确的HTML。如果说HTML是汉语，那么XHTML就是标准普通话。对于现在才刚刚开始学习网页设计的朋友，直...
用一分钟制作自己的第一个网页：下面我们来试着做一个简单的网页，希望您能跟着我们操作，这只会花费您一分钟时间。现在您也许不知道那些尖括号“<>”和里面的字母究竟是些什么东西，不要担心，我们会在后面的教程中向您介绍。首先请运行记事本，或在任意位置新建一个文本文档，在记事本内输入如下内容：以下为引用的内容：<html><head><title>我是这个网页的标题</title></head><body><p>这是我的第一个网页。</p></bod...
表单是用户提交信息的重要渠道。本节就将介绍表单的基础知识。表单标签<form>表单以一个<form>标签开始。用户注册网站会员，投票等等都需要表单来实现。当然了，仅仅依靠XHTML是无法处理这些表单的，如果你想处理这些表但你需要使用一些类似PHP和ASP的网页后台技术。（顺便说一下，小菜鸟自己的后台目前还很菜。）表单内的<input>下面我们来介绍两个常见的表单组成元素：1.文本框<form>姓名:<inputtype="text"name="user"/><br/></...