一、HTML-编写一个网页
1、什么是HTML
- 超文本标记语言,是一种用于创建网页的标准标记语言
- HTML文件的后缀一般为.htm和.html
2、为什么要学习HTML
好上手,有趣,有成就感,有用
3、HTML文档的格式
<!DOCTYPE html> <!--文档类型数据-->
<html lang="zh-cn"> <!--表示HTML文档开始-->
<head> <!--包含文档元数据开始-->
<meta charset="utf-8"> <!--声明字符编码-->
<title>文档结构</title> <!--设置文档标题-->
</head> <!--包含文档元数据结束-->
<body> <!--表示HTML文档的内容-->
<a href="http://www.baidu.com">百度</a> <!--一个超链接元素(标签)-->
</body> <!--表示HTML文档的内容结束 -->
</html> <!--表示HTML文档结束-->
4、HTML编写环境
Sublime Text挺好用
http://www.sublimetext.com/
https://blog.youkuaiyun.com/u013844735/article/details/78822819
5、HTML基本语法
二、从QQ空间看HTML架构
学习目标:完成qq空间登录页面的控件架构
1、常见标签
- 标题标签
<h1>-<h6>
- 段落标签
<p>
- 超链接标签
<a>
- 图片标签
<img>
- 换行标签
<br />
-表格标签<table>
- 表头
<th>
- 行
<tr>
- 单元格
<td>
表单
单行输入标签<input type="text">
选择标签<select>
文本域标签<textarea></textarea>
列表
有序列表<ol>
无序列表<ul>
列表项<li>
实体(转义字符)
<
等同于
<
>
等同于
>
2、完成qq空间登录页面
- 根据设计图找到对应的控件
- 编码
推荐学习网站
w3school
三、CSS
css简介
1、css层叠样式表
2、css定义了如何显示html元素
3、css使用分类
- 内联式
css直接写入html的style标签中
- 嵌入式
使用style标签将代码嵌入html中
- 外部式
将css保存到.css文件中,使用link导入到html中
基本css属性
- 背景
Background
- 文本
Text
- 字体
Font
- 尺寸
Dimension
- 边距和填充
margin&padding
- 边框
border
四、css进阶
1、css盒子模型
2、高级css属性
- 定位
- 过度
transition
- 伪类选择器
上一篇:01web通信原理与搭建web安全测试环境
下一篇:03web安全后端基础-1