- 博客(14)
- 收藏
- 关注
原创 HTML中级教程 - 3.Meta标签的使用
Meta不会改变任何显示在浏览器中的内容,但是他们使用搜索引擎来吧网页的内容编入目录。元标签(meta tag)可以尽量多的使用在你的head元素中,它包含了charset,name,http-equiv和content的特性。When the name or http-equiv attribute is used, the content attribute is then use
2013-08-24 22:15:09
663
原创 HTML中级教程 - 2.文本Abbreviations, Quotations和Code的使用
前面的HTML入门教程已经阐述了怎么基本的定义网页的段落和头部。和使用,和同样的原因,我们也可使用其他标准的文本标签来规范化。比如说:abbreviations, quotations,和 computer code.缩写AbbreviationsAbbr是用来标示文本的缩写,文字或者短语的缩写形式。缩写代表的展开短语可以定义为title特性的值,这个是额外的但是比
2013-08-17 15:41:32
737
原创 HTML中级教程 - 1.关于“Span”和“Div”的使用
我们在前面提过HTML是关于应用内容的含义,但是只是大部分的HTML标签应用含义(比如说“p”表示段落,“h1”表示头部),这个span和div的标签应用没有任何的含义。这可能听起来不是很明白,但是使用与CSS的整合还是非常的常见的。常常我们会和“class”与“id”特性来进行整合来关联元素使用class或者id选择器。span和div的区别就是span元素是一个同轴的和常常使用一个短块
2013-08-15 22:14:54
776
原创 HTML入门教程 - 11.关于表单(Forms)
表单时用来获取用户输入的数据。表单可以用来作为网上应用程序的接口。比如,可以在网页上发送数据。单独的表单常常不是非常的有用。表单常常结合着其他的编程语言来处理用户输入的信息。其他的编程语言使用一些代码采取各种外观和程序来传送到这个网站上。FORM元素在HTML中基本的标签显示如下:form - 表单是用来给用户提交信息action - 告诉表单内容将发送到哪里met
2013-08-15 17:14:36
665
原创 HTML入门教程 - 10.关于表格(tables)
表格仍然是最常见滥用用来布局和排版的元素。很多旧的网站还是用表格来布局。想要正确使用表格,你需要先明白你要用表格做什么 - 用来格式化表格中数据文件。如下有几个标签是在表格中常用的:table - 表示要创建一个表格tr - 定义一个行td - 定义行中的一个单元格如果我们要创建一个4 x 3的表格 , 中间将包含12个单元格,将会有4个表格行的“tr”元素
2013-08-15 13:09:24
706
原创 HTML入门教程 - 9.关于图片(Images)
如果网页页面只是图片的话可能会有点乏味。没有错,这一节大家将来学习华丽的多媒体中最常见的亮点 - 图片的使用。先来一段示范的代码,这个img的标签是用来将图片加入到HTML文件中:这个 src属性告诉浏览器怎么寻找这个图片。就像“a”标签,这个可以向如上的代码示例那样使用为“绝对定位”也可以使用为相对定位。比如说们如果你创建你自己的图片然后保存为“bestsg.jpg”移至目录im
2013-08-12 21:08:48
1022
原创 HTML入门教程 - 8.链接(Links)
到现在为止,我们已经可以创建出一个独立的网页使用前面我们所学的知识点,确实是非常的不错,但是这一节我们学习的是链接来是你做的网页融入到网络中。"HTML"中的”H“和”T“表示的是”hypertext“(超文本),基本上就是系统的文字链接。锚文本(anchor tag (a))使用来定义一个链接的,但是你同样可以增加一些其他的内容来这个锚文本 - 链接的目的链接。示例代码显示:
2013-08-12 17:49:32
888
原创 HTML入门教程 - 7.关于定义列表(Definition Lists)
这一节我们讨论的是定义列表。定义列表比有序和无序列表具有更多的特性。定义列表包含的是“dt”元素,不像有序和无序列表包含的是“li”元素“dt”元素代表的是“definition terms”定义项,接下来的是“dd”元素,表示的是"definition descriptions"定义描述。虽然”dd“元素是跟在”dt“后面的元素,但是不必一个”dt“元素跟着一个”dd“元素,
2013-08-12 17:21:01
1313
原创 HTML入门教程 - 6.无序列表和有序列表(Unordered Lists&Ordered Lists)
列表有如下三种:1.无序列表(Unordered Lists)2.有序列表(Ordered Lists)3.定义列表(Definition Lists)我们这里讨论前面两种列表:1.无序列表和有序列表的工作方式是一样的,只是这两种列表的表现形式不一样,无序烈表是在列表的每一项之前增加原点而有序列表是在列表的每一项之前增加一个渐进的号码。2.“ul”标签是用来定义无序
2013-08-10 21:45:26
1239
原创 HTML入门教程 - 5.关于标题(Headings)
p 标签是用来开始文本的格式化。如果你想要吧文件来显示为真实的标题,那么HTML标签正好有这些规范化的设计。我们这里有 h1,h2,h3,h4,h5和h6这6个规范化的标题标签。h1是标题中的“帝王”等级最高,而h6是标签中等级最低的“百姓”。代码如下: My first web page h1 - BestSG h2 - BestSG
2013-08-10 21:16:31
1140
原创 HTML入门教程 - 4.段落(Paragraphs)
现在我们有了基本HTML结构的概念,我们可以开始编写关于内容的页面了。关于段落我们打开文本编辑器在我们的页面增加多一条代码: My first web page This is my first web page BestSG is here!然后我们看到文件显示如下:This is my first web page BestSG is h
2013-08-10 20:18:12
828
原创 HTML入门教程 - 3.页面标题(Titles of each pages)
一个HTML的页面应该有一个页面标题。如何增加页面标题: My first web page This is my first web page我们来解读下上面的这段代码,上面有两个元素存在. 一个开始于head标签,另一个开始于title标签。head元素- (开始于标签结束于标签)将显示出现在body元素(开始于标签结束于标签)之前,head元素
2013-08-10 19:19:29
815
原创 HTML入门教程 - 2.标签、属性和元素(Tags, Attributes, and Elements)
虽然基本的HTML是轻文本,但是我们需要加多一些亮点在这个HTML文件中。标签下面有一个基本的HMTL结构包括标签的文件,这些将围绕着文件内容和应用他的含义。改变前面的文件为如下显示: This is my first web page "bestsg"保存这个文件,我们回到浏览器刷新这个文件。我们将不会看到在浏览器中发生任何的改变,但是我们前面说了HT
2013-08-05 23:39:58
1006
原创 HTML入门教程 - 1.准备开始
学习前端最主要的事情就是在于HTML注重含义和CSS注重表现形式。HTML注重的是内容,反而CSS将是促进HTML视觉的变化形式。你可能会在其他地方上找到不同的介绍方式但是本博客将会专注于Best Practice从一开始就开始从开始到最后获得一个最好的界面效果。网页是什么?网页就是一大堆目录文件,这将和你电脑中的网页文件没有任何区别。HTML文件将和简单的test文件
2013-08-05 21:59:06
858
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人