HTML入门教程
文章平均质量分 64
李长朔
这个作者很懒,什么都没留下…
展开
-
HTML入门教程 - 1.准备开始
学习前端最主要的事情就是在于HTML注重含义和CSS注重表现形式。HTML注重的是内容,反而CSS将是促进HTML视觉的变化形式。你可能会在其他地方上找到不同的介绍方式但是本博客将会专注于Best Practice从一开始就开始从开始到最后获得一个最好的界面效果。网页是什么?网页就是一大堆目录文件,这将和你电脑中的网页文件没有任何区别。HTML文件将和简单的test文件原创 2013-08-05 21:59:06 · 862 阅读 · 0 评论 -
HTML入门教程 - 10.关于表格(tables)
表格仍然是最常见滥用用来布局和排版的元素。很多旧的网站还是用表格来布局。想要正确使用表格,你需要先明白你要用表格做什么 - 用来格式化表格中数据文件。如下有几个标签是在表格中常用的:table - 表示要创建一个表格tr - 定义一个行td - 定义行中的一个单元格如果我们要创建一个4 x 3的表格 , 中间将包含12个单元格,将会有4个表格行的“tr”元素原创 2013-08-15 13:09:24 · 709 阅读 · 0 评论 -
HTML入门教程 - 7.关于定义列表(Definition Lists)
这一节我们讨论的是定义列表。定义列表比有序和无序列表具有更多的特性。定义列表包含的是“dt”元素,不像有序和无序列表包含的是“li”元素“dt”元素代表的是“definition terms”定义项,接下来的是“dd”元素,表示的是"definition descriptions"定义描述。虽然”dd“元素是跟在”dt“后面的元素,但是不必一个”dt“元素跟着一个”dd“元素,原创 2013-08-12 17:21:01 · 1320 阅读 · 0 评论 -
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 · 821 阅读 · 0 评论 -
HTML入门教程 - 9.关于图片(Images)
如果网页页面只是图片的话可能会有点乏味。没有错,这一节大家将来学习华丽的多媒体中最常见的亮点 - 图片的使用。先来一段示范的代码,这个img的标签是用来将图片加入到HTML文件中:这个 src属性告诉浏览器怎么寻找这个图片。就像“a”标签,这个可以向如上的代码示例那样使用为“绝对定位”也可以使用为相对定位。比如说们如果你创建你自己的图片然后保存为“bestsg.jpg”移至目录im原创 2013-08-12 21:08:48 · 1024 阅读 · 0 评论 -
HTML入门教程 - 8.链接(Links)
到现在为止,我们已经可以创建出一个独立的网页使用前面我们所学的知识点,确实是非常的不错,但是这一节我们学习的是链接来是你做的网页融入到网络中。"HTML"中的”H“和”T“表示的是”hypertext“(超文本),基本上就是系统的文字链接。锚文本(anchor tag (a))使用来定义一个链接的,但是你同样可以增加一些其他的内容来这个锚文本 - 链接的目的链接。示例代码显示:原创 2013-08-12 17:49:32 · 894 阅读 · 0 评论 -
HTML入门教程 - 6.无序列表和有序列表(Unordered Lists&Ordered Lists)
列表有如下三种:1.无序列表(Unordered Lists)2.有序列表(Ordered Lists)3.定义列表(Definition Lists)我们这里讨论前面两种列表:1.无序列表和有序列表的工作方式是一样的,只是这两种列表的表现形式不一样,无序烈表是在列表的每一项之前增加原点而有序列表是在列表的每一项之前增加一个渐进的号码。2.“ul”标签是用来定义无序原创 2013-08-10 21:45:26 · 1245 阅读 · 0 评论 -
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 · 1147 阅读 · 0 评论 -
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 · 830 阅读 · 0 评论 -
HTML入门教程 - 2.标签、属性和元素(Tags, Attributes, and Elements)
虽然基本的HTML是轻文本,但是我们需要加多一些亮点在这个HTML文件中。标签下面有一个基本的HMTL结构包括标签的文件,这些将围绕着文件内容和应用他的含义。改变前面的文件为如下显示: This is my first web page "bestsg"保存这个文件,我们回到浏览器刷新这个文件。我们将不会看到在浏览器中发生任何的改变,但是我们前面说了HT原创 2013-08-05 23:39:58 · 1012 阅读 · 0 评论 -
HTML入门教程 - 11.关于表单(Forms)
表单时用来获取用户输入的数据。表单可以用来作为网上应用程序的接口。比如,可以在网页上发送数据。单独的表单常常不是非常的有用。表单常常结合着其他的编程语言来处理用户输入的信息。其他的编程语言使用一些代码采取各种外观和程序来传送到这个网站上。FORM元素在HTML中基本的标签显示如下:form - 表单是用来给用户提交信息action - 告诉表单内容将发送到哪里met原创 2013-08-15 17:14:36 · 668 阅读 · 0 评论