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

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