快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

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属性的作用是规定链接打开的位置,上面的例子就是新打开一个页面在其中显示百度的主页面。

    的除了可以连接到其他网页外还可以连接到本网页的其他位置也就是锚标记。定位标记:

,跳到标签处的写法:这样就可以调到当前页面的指定位置。

例子:

      查看 Chapter 4。

       

     

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中的表格由

来定义。用来定义每个表格的行,

用来定义每个单元格。

例子:

 

   

   

 

 

   

   

 

firstlast
第一个第二个

如何设置表格的表头?,我们可以使用

标签进行表头的设置。

例子:

时间事件
1990-09-11金门事件

有的时候空的单元格的边框不会被显示出来(在fireFox浏览器中可以);为了避免这种事件的发生,通常在空的单元格中使用占用符来使它的边框显示出来。

 

其他小方法:

1,如何使表格带标题?

的标签下使用

2,如何合并单元格?在需要合并的位置加上colspan(和并列)或者rowspan(合并行)

3,如何设置单元格边距和单元格间距?

边距:

标签

表格的标题
合并

间距:

    5,HTML的列表

    HTML中的列表可以分为有序列表和无序列表。

   (1)无序列表:

起始于