HTML那些事
HTML初学的那些事(一)
这是我写的第一篇博客!刚刚从学校踏入工作岗位,以前学习的是java,到公司之后才知道在web开发之中还包括了前端,UI,美工,后台,数据库抽取,项目经理等职位。前端工程师应用HTML,CSS,AJAX等前端开发技术进行web前端的开发,直接编写向客户进行展示的部分的职位。想要做前端开发首要的学习的就是HTML的编写,通过它才能编写出展示的页面。
创新互联服务项目包括厦门网站建设、厦门网站制作、厦门网页制作以及厦门网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,厦门网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到厦门省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!
HTML语言的定义:超文本标记语言。我自己的理解就是一些可以控制页面元素的标签的集合。
一,HTML标签
这是一个综述,
这既是一个标签一个最简单的段落标签,前面的是开始标签,后面的结束标签。在html4中如果没有结束标签也可以进行完整的显示的,但是在XHTML中以及以后的HTML5中结束标签是必须存在的,所以在以后的书写过程中结束标签是必不可少,即使是像换行的标签。
二,HTML基础
1,HTML的标题和段落
-都是是用来定义标题的文本标签,他们的大小粗细是顺序是 > > 的顺序来排列的。
段落标签是
,浏览器会在段落的前后自动的加上空格。使用插入一个空行是一个不好的习惯,要是想插入一个空行可以使用
。如果想在不产生新的段落的情况下进行换行也可以使用
。 2,HTML的样式
用style属性来改变HTML元素的样式。
style属性的作用是提供了一种改变所有HTML样式的通用方法。
例子:
this is title
this is a paragraph
上边的例子就是用来改变背景颜色。
第二个例子是设置文本的对齐方式
例子:
this is title
this is a paragraph
默认的对齐方式是左对齐。
3,HTML的超链接和锚标签
HTML的超链接用标签实现,href属性定义的所要连接的位置或者文档。
例子:连接到百度
上述例子中的target属性的作用是规定链接打开的位置,上面的例子就是新打开一个页面在其中显示百度的主页面。
的除了可以连接到其他网页外还可以连接到本网页的其他位置也就是锚标记。定位标记:
例子:
This chapter explains ba bla bla
Chapter 3
This chapter explains ba bla bla
Chapter 4
This chapter explains ba bla bla
Chapter 5
This chapter explains ba bla bla
当想要直接连接到跳转后的页面想要的位置是也可以通过起来实现:
Jump to the Useful Tips Section
在跳转的页面中会有:Jump to the Useful Tips Section
4,HTML表格
HTML中的表格由
来定义。用来定义每个表格的行,用来定义每个单元格。例子:
first
last
第一个
第二个
如何设置表格的表头?,我们可以使用
标签进行表头的设置。例子:
时间 事件 1990-09-11 金门事件
有的时候空的单元格的边框不会被显示出来(在fireFox浏览器中可以);为了避免这种事件的发生,通常在空的单元格中使用占用符来使它的边框显示出来。
其他小方法:
1,如何使表格带标题?
在
的标签下使用标签 表格的标题 2,如何合并单元格?在需要合并的位置加上colspan(和并列)或者rowspan(合并行)
合并 3,如何设置单元格边距和单元格间距?
边距:
间距:
5,HTML的列表
HTML中的列表可以分为有序列表和无序列表。
(1)无序列表:
起始于
标签。每个列表项始于 - 。
例子:
- Coffee
- Milk
无序列表的样式:实心点:,空心点:,实心方框:
(2)有序列表:有序列表始于 标签。每个列表项始于 - 标签。
- Coffee
- Milk
有序列表的排序方式:type="a/1/A/I、i"列表可以进行嵌套
当前名称:HTML那些事
文章出自:http://cdiso.cn/article/jcdiie.html
> > 的顺序来排列的。
的顺序来排列的。
段落标签是
,浏览器会在段落的前后自动的加上空格。使用插入一个空行是一个不好的习惯,要是想插入一个空行可以使用。如果想在不产生新的段落的情况下进行换行也可以使用
。
2,HTML的样式
用style属性来改变HTML元素的样式。
style属性的作用是提供了一种改变所有HTML样式的通用方法。
例子:
this is title
this is a paragraph
上边的例子就是用来改变背景颜色。
第二个例子是设置文本的对齐方式
例子:
this is title
this is a paragraph
默认的对齐方式是左对齐。
3,HTML的超链接和锚标签
HTML的超链接用标签实现,href属性定义的所要连接的位置或者文档。
例子:连接到百度
上述例子中的target属性的作用是规定链接打开的位置,上面的例子就是新打开一个页面在其中显示百度的主页面。
的除了可以连接到其他网页外还可以连接到本网页的其他位置也就是锚标记。定位标记:
例子:
This chapter explains ba bla bla
Chapter 3
This chapter explains ba bla bla
Chapter 4
This chapter explains ba bla bla
Chapter 5
This chapter explains ba bla bla
当想要直接连接到跳转后的页面想要的位置是也可以通过起来实现:
Jump to the Useful Tips Section 在跳转的页面中会有:Jump to the Useful Tips Section
4,HTML表格
HTML中的表格由
用来定义每个单元格。 例子:
如何设置表格的表头?,我们可以使用 | 标签进行表头的设置。 例子:
有的时候空的单元格的边框不会被显示出来(在fireFox浏览器中可以);为了避免这种事件的发生,通常在空的单元格中使用占用符来使它的边框显示出来。 |
---|
合并 |
---|