1、网页有那些部分组成:
文字、图像、链接等元素组成,还包括音频,视频flash等组成。
2、常见的浏览器:ie、火狐、Chrome、edge,Opera浏览器、Safari、
3、web标准三层组成:结构(网页元素进行整理和分类,主要是html),表现(设置网页元素的版式颜色大小外观样式,主要是指css),行为(网页模型定义及交互的编写,主要是学javascript)
4、html的认识:
html是超文本语言,用来描述网页的一种语言
html不是编程语言,而是一种标记语言
标记语言是一套标记标签
标签有自己的语法规范,要放在<>
黑马程序员视频库有免费的课程,还有课件和源码什么的。你可以去找一下。 非常适合入门。
HTML是目前最流行的网页制作语言。互联网中的网页大多数都是使用HTML格式展示在浏览者面前的。随着Web 2.0概念的提出,要求网页具有更好的扩展性和用户体验,这使得CSS样式表在网页设计中变得越来越重要。为了能让广大的网页制作者快速地掌握网页制作的技巧和方法,本书的第一部分以语法和实例相结合的形式详细讲解了HTML语言中各个元素及其属性的作用、语法和显示效果。第二部分从CSS基本概念开始,分别讲解了CSS盒模型和定位属性,CSS控制各种元素显示的方法,CSS布局页面的技巧等知识。最后一部分为了增强读者的实战能力,以个人博客制作的形式详细为读者演示了使用HTML和CSS制作页面的过程。为了便于理解,本书对所讲解的每个元素和属性,都做了实例演示。
为了方便读者学习,书中光盘提供了丰富的内容,包括全书的多媒体视频演示、全书的电子教案、900多页的电子资料以及书中讲解的源代码等内容。对于每章后面的习题,笔者都给了相应的解答。
本书分为3篇,共20章,从HTML使用的基本内容和概念讲起,循序渐进地讲解了HTML和CSS的相关知识、各种元素和属性的使用方法以及各种技巧等。其中每个部分的主要内容如下所示。
第一篇(第1章~第10章)HTML的相关概念。
详细讲述了HTML的各种概念和相关内容。首先介绍了HTML的基础知识,接着详细讲解了HTML的页面基本元素、文本和段落元素、列表元素、图像元素、表格元素、超链接元素、表单元素、框架元素等知识。
第二篇(第11章~第19章)CSS的相关概念。
首先讲述了CSS布局中的各种概念和相关内容。其中包括CSS的概念、结构和表现分离的原理和优点、XHTML的基础知识、CSS的基本语法和使用方式等。接着讲述了CSS盒模型和块元素的定位。包括CSS中盒模型的构成,块元素与内联元素的分类,以及使用各种属性控制块元素的位置和显示方式等。最后讲述了CSS控制元素显示效果和布局页面的方法。
第三篇(第20章)实战篇。
讲解了实际开发中,使用HTML和CSS代码的技巧。其中包括实际站点的建立、站点结构的规划、页面实例每个部分的制作过程等几个内容。通过本章的学习,可以最终运用可视化的开发软件,结合本书中讲解的各种知识,完整地掌握页面制作的方法。
html css基础教程归纳如下:
第1、Html介绍
本章节主要讲解html和css样式的关系,以及html标签、html文件结构、head标签,最后讲解了在html中的注释代码的作用。
第2、认识标签(第一部分)
学完这一章节将对标签的使用有了一些初步的认识,可以使用标签制作出一篇简单的文章网页。下一章节将进一步学习另外一部分html标签。
第3、认识标签(第二部分)
本章节主要讲解列表、div及table标签使用,学完本章,可以在网页上展示一些信息列表及表格数据,使网页上的信息更加丰富
第4、认识标签(第三部分)
本章节主要讲解超链接标签、链接地址及图片标签,学习完这一章节可以把分散的单独的网页用链接标签有效的组织起来,达到网页之间可以相互跳转的作用。
第5、与浏览者交互,表单标签
每天都在网上冲浪,如果没有表单,人们就无法输入自己的个人信息来买东西,本章节主要从表单的作用、表单元素讲起,学习完本章,可以制出简单的用户登陆、注册页面。
第6、开始学习CSS,为网页添加样式
CSS是一个很神奇的东西,设计者可以通过修改样式表的定义而使网页呈现出完全不同的外观。本章就开始带领大家来学习CSS样式:先来认识CSS样式、了解CSS样式的优势、最后讲解CSS代码语法和CSS注释代码。
第7、CSS样式基本知识
这一章节主要讲解与CSS样式相关的基础知识:CSS样式的位置及相关的优先级,为后面的CSS样式具体学习打下基础。
第8、CSS选择器
本章主要介绍CSS的选择器,通过学习本章,能对元素进行样式的设置
第9、CSS的继承、层叠和特殊性
CSS中有一些概念是需要深刻理解的,此节开始将介绍CSS中的一些非常重要的概念包括CSS的继承、层叠和特殊性。
第10、CSS格式化排版
本章将详细介绍网页排版中主要格式化要素,帮助读者把CSS技术与网页编排紧密结合在一起,实现网页实用性与欣赏性相结合,实现出设计效果。
第11、CSS盒模型
盒模型是CSS布局的基石,它规定了网页元素如何显示以及元素间相互关系。本章将围绕盒模型的概念、结构、尺寸等基础知识展开研究,以便为后面的学习和日后网页设计奠定扎实的基础。
第12、CSS布局模型
现在可以用所需的知识进行真正设计了,学习完本章节可以运用所学习的知识实现网页的多列布局,本章将围绕流动模型、浮动模型、层布局模型等布局技术展开研究,以便为后面制作复杂的网页打下基础。
第13、CSS代码缩写,占用更少的带宽
虽然CSS文件或者嵌入的CSS都纯文本文件,为了减少css样式代码的编写量,代码缩写是很有必要的。这样可以使用户访问网页的时候占用更少的带宽。
第14、单位和值
本章节对单位如颜色的单位和值等时行详细讲解。
第15、css样式设置小技巧
本章节对在日常前端开发中常用到css样式设置小技巧进行了讲解。
1、<body>
<ul><li type=circle><a name="#web1">;第一章 HTML基础知识</a></ul>
<ul><li type=dise>HTML语言的特点
<li type=dise>HTML语言的功能
<li type=dise>HTML语言的结构</ul>
2、<html>
<head>
<title>;无标题文档</title>
</head>
<body>
<ol 1><li><a href="./1.1.html#web1">;第一章</a>
把<a name="./1.1.html#web1">;改成<a name="#web1">;这个就可以了
基础是的先学好HTML。CSS ,Javascript ,jQuery。
其中HTML5主要是要HTML控件+Javascript的脚本程序。
建议先去学好Html CSS和JavaScript(通常是一起的),然后再看HTML5。这类书籍还是很多的,而且大都大同小异。
重要的是Html5 有2D 绘图的 Canvas 对象 非常炫
还有浏览器建议使用firefox,装个firebug控件,会对你调试代码时有很大帮助!
这种样式表就不单独写了直接放进去了!
<html>
<head><title>;点歌超链接<title>
<style type="text/css">
a {
text-decoration:none; /*去除超链接的下划线,要是想保留就把这行代码删除!*/
color:red; /*设置超链接原本的字体为红色,也就是没有访问过的超链接字体颜色*/
}
a:active {
color:blue; /*被访问过的超链接中字体的颜色为蓝色*/
}
a:hover {
color:yello; /*鼠标经过时候字体颜色变为黄色,不需要可以删除这行代码*/
}
</style>
</head>
<body>
<a href="在这里添加点歌表网页连接地址" target="_blank">;点歌</a>
</body>
</html>
程序猿学习就是要多写,不断的写,不断的熟悉,能看到不同的效果。。但不一定要死记硬背,熟悉就好。下面是一点资料。希望能帮上你。
HTML基本概念
1、标记
HTML用于描述功能的符号称为“标记”。如“HTML”、“BODY”、“TABLE”等。标记在使
用是必须用方括号“<>;”括起来,而且是成对出现,无斜杠的标记表示该标记的作用开始,有斜杠的标记表示该标记的作用结束。
如<TABLE>;表示一个表格的开始,</TABLE>;表标一个表格的结束。在HTML中,标记的大小写作用相同,
如<TABLE>;和<TABLE>;都是表示一个表格的开始。
标记可以包含标记,如:表格中包含表格或其它标记,如下面这样的HTML代码结构是正确的:
<TABLE WIDTH="50%" BORDER="10" CELLSPACING="10" CELLPADDING="10">
<TR>
<TD>
<TABLE WIDTH="100%" BORDER="1" CELLSPACING="1" CELLPADDING="1">
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>
</TABLE>
</TD>
<TD>
<P> </P>
<P>HJK</P>
<P> </P>
</TD>
<TD> </TD>
</TR>
</TABLE>
但是标记不能交叉嵌套,如下面这样的代码是错误的:
<DIV><SPAN>;这是不正确的代码</DIV></SPAN>
2、特殊字符
由于方括号和英文双引号被用来提示HTML的标记及参数值,那么在网页中要显示方括号和英文引号只能用其它的符号来代替,下面是常见特殊字符所代表的正常字符:
<;或<;对应字符 <
>;或>;对应字符 >
"或"——对应字符 "
à——对应字符 A
3、语法
一个标记,为了明确它的功能,往往用一些属性参数来描述,对这些属性参数的规定上就是所谓的语法,例如:段落标记<P>;,它的语法格式是:
<P
ALIGN=LEFT|CENTER|RIGHT
CLASS=TYPE>
这就说明<P>;标记有两个属性参数,即“ALIGN”和“CLASS”,其中“ALIGN”用于定义段的位置是靠左、靠右还是居中。默认值
是靠左。而“CLASS ”则是定义所属的类型。在实际应用时当然可以没有“ALIGN”和“CLASS”参数,按照默认情况显示,这一点非常重要,这是
们判断无用代码的主要标准之一,假如在网页代码中有对默认值进行描述设置的语句代码,显然是无用的代码。另外,在设置标记的属性值时,若是取默认值不影响
效果或影响很少, 们就尽量取默认值,这样可以不用设置,从而达到减少代码的目的。
标记参数的具体的值都有要加西文引号,如:要使段落内容居中,正确的写法是这样的:<P ALIGN="CENTER">;段落内容居中示例</P>
学好用好HTML语言的关键是灵活应用标记的参数。特别是默认值的应用。
声明:本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。
蜀ICP备2020033479号-4 Copyright © 2016 学习鸟. 页面生成时间:3.079秒