1、 站点的建立
作用:用来归纳一个网站上所有的网页、素材以及他们之间的联系
站点根文件夹:必须以字母和下划线开头,后面接数字和下划线,不可以有中文字符
2、 创建HTML页面
首页名称:index.html
3、 Html5页面结构
<!doctypehtml>文件类型
<html>
<标记 属性=“属性值…”属性=“属性值…”>内容</标记>
href属性 超链接
<a href=http://www.baidu.com>百度</a>
空标记:没有结束标记的标记
<标记 属性=”属性值”/>
<hr /
文本标题
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
一共六级标题
<a
段落
<p> 文字</p>
空格
文字加粗
<strong>文字中间加粗</strong>
强制换行
<br/>
文字倾斜
<em>文字</em>
文字列表
1、 无序列表
<ul>
四个空格<li>列表项内容</li>
….
</ul>
2、 有序列表:区别无序列表
<ol>
四个空格<li>列表项内容</li>
….
</ol>
列表会排序
3、 自定义列表
<dl>
四个空格<dt>中国</dt>
四个空格<dd>中国是一个很大的国家,…..</dd>
四个空格<dt>日本</dt>
四个空格<dd>日本是一个岛国国家,…..</dd>
……
<dl>
相当于名词解释。。。。。
超链接
<a href=-“链接地址及名称”> 连接文本</a>
<a href =”../index.html”> 返回</a>
图片
<img src=”目标文件的路径及名称”/>
水平线
<hr />
两种最多的标记,在html里面没有意思,但是在vss里面有意义,也可以加奥区域文本块
<div>
<span>
Css简介,层叠样式表,是用来表现HTML或者xml等样式文件的计算机语言
样式表类型:内部样式表,外部样式表,行内样式表
创建内部样式表语法:
<style type=”text/css”>::text/css基于文本的css文件
/*CSS语句*/
</style>
说明:用style元素创建样式表,必须将该表及写在文件头部,<header></header>之间
Css语法:
Body{background:#069;}
Css的组成:选择符(选择器),声明
Css语法:选择符{属性:属性值; }
说明:属性和数值值之间用: 分隔,生命必须在花括号内
一个选择符可以有多个属性,多个属性之间用分号(;)隔开
一个属性可以有多个属性值,属性值与属性值之间用空格隔开。
Div{height:120px;background:#333;border:3px solid #ff0}
Border有三个属性值,所以用空格隔开
<font></font>字体标签,size=1-7字体大小,color,字体颜色,face字体
<b></b>加粗
<i></i>意大利斜体
<tt></tt>打印机字体
<u>下划线
<s>划线
<sup>上标
<sub>下标
<code></code>显示代码格式
<pre>代码格式
marquee 标签,元素移动,默认从右往左移动
<a name=”顶端” href=”#底端”>自动到底端,实现页面内跳转
<a href="mailto:531189371@qq.com“> 发送到邮箱</a>
Body属性讲解
Text 文本颜色
Link 链接的颜色
Alink点击时链接的颜色
Vlink点击后的颜色
Bgcolor背景色
Background 背景图片,平铺
跨行和跨列的表格
<table>
Cellspacing 文本与边框的距离
Cellpadding 每个表格之间间距,设置为0px
Td属性 colspan=”2”占两列
Rowspan跨两行。第二行写的时候,直接把跨行那个跳过。
<table border="3px" cellspacing="0"cellpadding="0" >
<tr>
<td>哈哈哈</td>
</tr>
<tr>
<td><a href="#">超链接</td>
<td><img src="_DSC0604.JPG"border="1px" width="300" height="200"/></td>
</tr>
</table>