学习web前端开发基础技术需要掌握探究.doc

学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的： 1.?HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 2.?CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 3.?JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。 h1/h1就是标题标签p/p是段落标签。可以这么说，网页中每一个内容在浏览器中的显示，都要存放到各种标签中。html中的标签一般都是成对出现的，分开始标签和结束标签。结束标签比开始标签多了一个/HTML标签不区分大小写，h1和H1是一样的，但建议小写，因为大部分程序员都以小写为准。title标签：在title和/title标签之间的文字内容是网页的标题信息，它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么，搜索引擎可以通过网页标题，迅速的判断出网页的主题。每个网页的内容都是不同的，每个网页都应该有一个独一无二的title。!--注释文字 --文章中有想强调的文本，就可以使用 em 标签表示强调。strong在强调的语气上有区别:em 表示强调，strong 表示更强烈的强调。在浏览器中em 默认用斜体表示，strong 用粗体表示。两个标签相比，目前更喜欢使用strong表示强调。span标签是没有语义的，它的作用就是为了设置单独的样式用的。文章的段落用p标签，那么文章的标题用什么标签呢？在本节我们将使hx标签来制作文章的标题。标题标签一共有6个，h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。h1是最高的等级。q引用文本/q要引用的文本不用加双引号，浏览器会对q标签自动添加双引号。用q标签的真正关键点不是它的默认样式双引号（如果这样我们不如自己在键盘上输入双引号就行了），而是它的语义：引用别人的话。引用文本比较长，所以使用blockquote。语法:blockquote引用文本/blockquote 在 html 代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行，就必须输入br /。要想输入空格，必须写入nbsp;hr /标签和br /标签一样也是一个空标签，所以只有一个开始标签，没有结束标签。hr /标签的在浏览器中的默认样式线条比较粗，颜色为灰色，可能有些人觉得这种样式不美观，没有关系，这些外在样式在我们以后学习了css样式表之后，都可以对其修改。一般网页中会有一些网站的联系地址信息需要在网页中展示出来，这些联系地址信息如公司的地址就可以address标签。也可以定义一个地址（比如电子邮件地址）、签名或者文档的作者身份。address联系地址信息/address在浏览器上显示的样式为斜体，如果不喜欢斜体，当然可以，可以在后面的课程中使用 css 样式来修改它在网页中显示一些计算机专业的编程代码，当代码为一行代码时，你就可以使用code标签了，如下面例子： codevar i=i+300;/code 如果是多行代码，可以使用pre标签pre 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。浏览网页时，你会发现网页上有很多信息的列表，如新闻列表、图片列表这些列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。语法： ul li信息/li li信息/li ...... /ul 想在网页中展示有前后顺序的信息列表，使用ol标签来制作有序列表来展示。在网页制作过程过中，可以把一些独立的逻辑部分划分出来，放在一个div标签中，这个div标签的作用就相当于一个容器。为了使逻辑更加清晰，我们可以为这一个独立的逻辑部分设置一个名称，用id属性来为div提供唯一的名称，这个就像我们每个人都有一个身份证号创建表格的四个元素： table、tbody、tr、th、td 1、table…/table：整个表格以table标记开始、/table标记结束。 2、tbody…/tbody：当表格内容非常多时，表格会下载一点显示一点，但如果加上tbody标签后，这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。 3、tr…/tr：表格的一行，所以有几对tr 表格就有几行。 4、td…/td：表格的一个单元格，一行中包含几对td.../td，说明一