189 8069 5689

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)无序列表:

起始于

    标签。每个列表项始于
  • 例子:

     

       
    • Coffee
    • Milk

    无序列表的样式:实心点:
      ,空心点: