首要您必须运用那些工具:
1.计算机 ;
2.文本编辑器-用来编写代码例如vscoe\sublime\webStorm\dreamweaver\hbuilder\记事本…等等;
3.浏览器-用来测试你的代码;
4.图像编辑器-用来编辑你的网页所必须的图像;
5.版本掌控系统-用来管理服务器文件,支持项目中的团队协作,共享代码与资源,以及避免编辑冲突
前端重点分为三大类:html (搭建页面结构)、css(为网页修饰美容) 、javaScript(为网页添加行径功能).
不说多的,就从html起始,官方定义:用于定义一个网页结构的基本技术。HTML 用于暗示你的网页内容是应该被理解为段落、列表、头部、链接、图像、多媒介播放器、表单或是其他众多可用的元素之一也或是你定义的新元素。
HTML文件一般会以.htm或.html为扩展名。用户能够从web服务器中下载,并运用任一web浏览器来解析和表示。
HTML 文档是包括多个 HTML 元素 的文本文档。每一个元素都用一对起始和结束 标签 包裹。每一个标签以尖括号(<>)起始和结束。亦有一部分标签中不必须包括文本,这些标签叫作为空标签,如<img>。 标签元素1 HTML标签:功效所有HTML中标签的一个根节点。
2 head标签:功效:用于存放:title,meta,base,style,script,link重视在head标签中咱们必要要设置的标签是title
3.title标签:功效:让页面持有一个属于自己的标题。
4.body标签:功效:页面在的主体部分,用于存放所有的HTML标签:p,h,a,b,u,i,s,em,del,ins,strong,img
在HTML中有两种你必须晓得的要紧元素类别,块级元素和内联元素(亦叫作为行内元素)。 块级元素在页面中以块的形式展现 —— 相对与其前面的内容它会出此刻新的一行,其后的内容亦会被挤到下一行展现。块级元素一般用于展示页面上结构化的内容,例如段落、列表、导航菜单、页脚等等。一个以block形式展现的块级元素不会被嵌套进内联元素中,但能够嵌套在其它块级元素中。块内元素特征:(1)能够识别宽高 ;(2)margin和padding的上下上下均对其有效;(3) 能够自动进行换行 ;(4)多个块状元素标签写在一块,默认摆列方式为从上至下; 内联元素一般出此刻块级元素中并包裹文档内容的一小部分,而不是一全部段落或一组内容。内联元素不会引起文本换行:它一般出此刻一堆文字之间例如超链接元素<a>或强调元素<em>和 <strong>行内元素特征:(1)设置宽高没效 ;(2)对margin仅设置上下方向有效,上下没效;(3) 不会自动进行换行
如图所示,<div>与<p>均是块级元素,独霸一行,<span><img><a>为行内元素,这三个元素展示在了同一行
|