返回
web前端开发第一阶段htmlcss基础知识

web前端开发第一阶段htmlcss基础知识

ID：8974057

大小：243.45 KB

页数：27页

时间：2018-04-13

web前端开发第一阶段htmlcss基础知识_第1页
web前端开发第一阶段htmlcss基础知识_第2页
web前端开发第一阶段htmlcss基础知识_第3页
web前端开发第一阶段htmlcss基础知识_第4页
web前端开发第一阶段htmlcss基础知识_第5页
资源描述：

《web前端开发第一阶段htmlcss基础知识》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、1HTML入门1.1安装工具1)编辑器——SublimeText安装插件：按Ctrl+`（Esc下方的按钮）调出console；复制：importurllib2,os;pf='PackageControl.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp)ifnotos.path.exists(ipp)elseNone;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net

2、/'+pf.replace('','%20')).read())到代码底部命令行中；按回车键执行；重启SublimeText；浏览器——Chrome、Safari、Firefox、360浏览器、遨游等。2)图形工具——PhotoShop3)版本管理工具——TortoiseSVNSVN是什么？意义何在？SVN是版本管理工具。当大家都在共同开发一个项目的时候，可以有效避免协作开发中的代码冲突问题；历史版本的保存也使得项目变得有据可查，当项目需要回滚到之前版本的时候，可以轻松的找到代码。此外一些开源项目也在使用SVN，这是一个使协同开发和版本维护变得方便的工具。4)环境集

3、成工具——WAMP1.2创建项目文件夹（名字自起）(1)创建html文件（常起名index.html，一个项目有多个html文件）创建项目文件夹(2)创建css文件夹（用来放css层叠样式文件）(3)创建images文件夹（用来放网页中需要的图片）1.3HTML介绍HTML是用来制作网页的标记语言HTML是HypertextMarkupLanguage的英文缩写,即超文本标记语言。HTML语言是一种标记语言,不需要编译,直接由浏览器执行。HTML文件是一个文本文件,包含了一些HTML元素,标签等。HTML文件必须使用html或htm为文件名后缀。HTML是大小写不敏

4、感的,HTML与html是一样的。HTML是由W3C的维护的。1.1前端介绍前端页面=结构html+样式css+行为js2HTML结构2.1HTML结构头部head+身体body(1)head标签用于定义文档的头部，它是所有头部元素的容器。中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。文档的头部描述了文档的各种属性和信息，包括文档的标题、编码格式等；绝大多数文档头部包含的数据都不会真正作为内容显示给读者。定义文档的标题，它是head部分中唯一必需的元素。<metacharset="UTF-8">——声明文档编</p><p>5、码格式为UTF-8<title>文档标题———网页名称——链接样式表css样式——css样式定义客户端脚本元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。(2)body元素定义文档的主体。元素包含文档的所有内容（

6、比如文本、超链接、图像、表格和列表等等。）网页需展示的内容需嵌套在标签中。2.2HTML标签HTML标签是HTML语言中最基本的单位，也是最重要的一部分。浏览器以某种方式显示相应的标签样式。(1)HTML标签特点ü由尖括号包围的关键词，比如。ü通常是成对出现的，比如

和
。ü标签对中的第一个标签是开始标签，第二个标签是结束标签。ü开始和结束标签也被称为开放标签和闭合标签。ü也有单独呈现的标签，如：等。ü一般成对出现的标签，其内容在两个标签中间。单独呈现的标签，则在标签属性中赋值

7、。如

标题

和。(2)块属性标签ü

-

：标题ü

：段落
：换行，空标签ü

:无实际意义（通常用作装其他标签的盒子）ü
:定义列表（结合dt和dd使用）
:定义列表中的项目
:描述列表中的项目ü
    :有序列表（结合li使用）
  1. ：定义列表项。有序列表可以是数字或字母顺序。ü