第一周：HTML 写静态网页
一、HTML 理论介绍及常用格式
1.HTML 主体格式基本结构
<!DOCTYPE html> <html> <head> <mate charset=”utf-8″/> <title>标题</title> </head>
<body> 主要内容 </body> </html>
解说：整个 HTML 格式分为两大部分，一个是 head 部分，一个是 body 部分，其中 head
部分是用于书写网页样式，而 body 部分用于书写网页主题
2.常用标签：
标题标记
<h1></h1>
… <h6></h6>
<p></p>段落标签
<b></b> <strong></strong>加粗
<i></i>倾斜
<br/>换行
空格
<img src=”” alt=”” title=””/> 图片【gif，png，jpg】src:图片的链接地址 alt：图片加载失败
的时候，在图片原本的位置显示的提示文本 title：鼠标悬停的时候，显示的提示文本
<a href=”” target=””></a> 超链接 href：链接地址 target：打开新网页的打开方式，默认是
在本页面打开
<div></div> 盒子
<span></span>
3.css 样式：
内联样式： <标记 style=”属性 1：属性值 1；属性 2：属性值 2；…”></标记> 内部样式：
在 head 中添加<style></style>
4.选择器： （1）标签选择器：在<>中的标记都可以作为标签选择器 语法： <style> 标记
{ 属性 1：属性值 1； 属性 2：属性值 2； } </style> （2）class 选择器：必须在 style 中
进行声明，在标签中进行引用，声明的时候使用“.”进行声明，多个 class 选择器可以同时作
用于一个标记。 语法： <style> .color1{ 属性 1：属性值 1； 属性 2：属性值 2； } .color2{ 属
性 1：属性值 1； 属性 2：属性值 2； } </style> <p class= “color1 color2”>M</p> id 选择
器：必须在 style 中进行声明，在标签中进行引用，声明的时候使用“#”进行声明，他是唯一
的，取名的时候不能使用关键字 语法： <style> #color1{ 属性 1：属性值 1； 属性 2：属
性值 2； } #color2{ 属性1：属性值1； 属性 2：属性值 2； } </style> <p id= “color1”>M</p>
:hover 伪类选择器，表示鼠标经过事件 包含选择器：必须要有包含的关系 比如：.box p
<div class=”box”> <p></p> </div>
剩余9页未读，继续阅读
资源评论
