导读:
一、网站&网页的区别
www.taobao.com-->淘宝网(网站?网页?)
www.taobao.com/index.html-->淘宝的首页
网站:一个web项目的集合,包含了很多的网页、图片、脚本等
网页:web项目开发的核心,网页设计属于网站的面子工程。
二、网页设计
属于一种软件开发,同时也需要一门开发语言,通过该语言完成页面中
内容设计。
语言:html(核心)、(jsp、asp、php)
开发工具:
记事本、DW(院校官方)、vscode、Hbuilder、WebStorm、EditPlus
浏览工具(浏览器):
IE、Chorme(谷歌)、Firefox(火狐)、Safari(苹果)、Opera(欧朋--移动端)
IE:前身是属于网景公司,在后期因为公司的变故导致IE被微软收购,成为
windows系统中的浏览器标配。
三、HTML语言
超文本标记语言-->XML(可扩展标记语言)-->由W3C组件推出
版本:
html4(PC)-->html5(2014年)支持PC设备、支持移动设备H5
文件类型:
产生一个该语言类型的文件*.html文件-->网页文件
四、HTML结构
1、doctype
文档类型声明,告诉浏览器当前文件的类型。
html5:--
2、html标签
元素就是标签
标签类别:
1、包含标签
<标签名属性="属性值">内容
2、单一标签
<标签名属性="属性值"/>
html网页的核心标签,所有的内容都是包含在该标签中。
3、head标签
网页头部标签,可以包含:
:引入标签,一般是引入外部的css文件
:引入标签,一般是引入外部的js文件
:文档信息标签charset="UTF-8"当前网页的编码格式
:样式标签,在网页中定义样式表
:标题标签,设置当前网页的标题
4、body标签
整个网页中能看到内容的部分都包含在该标签中。
五、HTML常用标签分类
基于HTML4版本、基于HTML5版本
通用标签:
--换行标签
自定义格式排版的代码--排版标签
--空格符
段落内容
--段落标签
h1-h6
--图片标签
图片路径:
1、绝对路径(服务器端)--http:\\www.baidu.com\img\logo.png
2、相对路径(开发的时候)
连接文本或图片--超链接标签