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
无序列表的样式:实心点:,空心点:,实心方框:另外有需要云服务器可以了解下创新互联cdcxhl.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
文章标题:HTML那些事-创新互联
文章出自:http://myzitong.com/article/ddgdhi.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浏览器中可以);为了避免这种事件的发生,通常在空的单元格中使用占用符来使它的边框显示出来。 |
---|
合并 |
---|