HTML5
前言:
HTML:Hyper Text Mark-up(超文本标签/标记 语言)
超文本:除了文本(字符)、图片、视频、动画、音乐等内容
标签:标识。
标签写法:<标签>
标签代表含义:1、表意,看其名知其意
eg:<head>头部</head>
2、表型,标签的写法
eg:<标签名称>
语言:可以直接被浏览器解析、浏览器预览
注意:文件后缀名为".html"
HTML结构说明:
Html:告诉浏览器使用的html语言
Head:网站的头部(网页标题、设置文件的编码、网页的关键字、网页的描述等内容)
Title:网站的标题
Body:显示的内容都是放在body里的
开发工具--文本编辑器
1、记事本开发网页,没有提示,没有颜色区分
2、增强型的文本编辑器,颜色区分,代码提示
eg:EditPlus,Sublime,Notepad++......
3、IDE集成环境编译器,功能更为强大,开发大型项目
eg:PHPStrorm,NetBean,Eclipse......
HTML标签详解
HTML标签的语法:
1、双标签:有开始有结束
eg:<标签></标签>
2、单标签:有开始没结束
eg:<标签 属性="属性值" />
HTML标签的书写规则
1、HTML标签不区分大小写,推荐使用小写<html>,正确<HTML>
2、标签可以拥有若干个属性(包括0个),是由w3c标准制定的
3、属性值用双引号包括起来。
HTML标签
主体标签
Html、head、body、title标签
文字标签
font标签:设置字体的颜色、大小
eg:<font color="颜色" size="大小" face="字体"></font >
加粗:<b></b>
<strong></strong>
倾斜:<i></i>
下划线:<u></u>
排版标签
标题标签:h1-h6
注:每级标题逐渐缩小大小
属性:align="左右中"
right/left/center
段落标签:<p></p>
换行标签:<br />
水平线标签:<hr />
Div标签:没有语义,自己占一行,表型CSS样式,DIV+CSS样式布局
DIV把窗口划分为几块内容(若干个区域)
span标签:不是自己占一行,CSS样式
样式标签
表格标签
表格标记:<table></table>
行标记:<tr></tr>
单元格:<td></td>
表头:<th></th>
框架:
<table>
<tr>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
</tr>
<tr>
<td>令狐冲</td>
<td>男</td>
<td>22</td>
</tr>
</table>
单元格中数据的对齐方式
水平对齐:align = left/center/right
竖直对齐:valign = top/middle/bottom
单元间距和单元填充
单元格间距:单元格和单元格之间的距离
属性:cellspacing 设置单元格间距
cellpadding 设置单元格填充
单元格填充:内容距离单元格的距离
默认情况下,单元格间距是2像素,单元格填充是1像素
合并单元格
合并列属性:colspan
合并行属性: rowspan
拼版的规则
1、表格可以被内容撑开,不能被背景撑开
2、背景默认是平铺的,标签有多大,背景就铺多大
3、内容不能放在内容上面,内容可以放在背景的上面
表单标签
表单域:<form></form>
文本框:<input type = "text" />
属性:maxlength最大输入字符数
size表示宽度
name给文本框取名字
密码框:<input type = "password">
属性:maxlength最大输入字符数
单选按钮:<input type = "radio">nan
<input type = "radio">nv
可变变量
$hello="world";
$$hello="name";
$$$hello="age";
$$$$hello="sex";
echo $hello ; // 输出 world
echo $$hello ; // 输出 name
echo $$$hello ; // 输出 age
echo $$$$hello ; // 输出 sex
echo $world ; // 输出 name
echo $age ; // 输出 sex
变量类型:
1、布尔类型(boolean)
假值:
整形 0 浮点型 0.0
空字符串和字符串"0"
没有成员的数组
特殊类型"NULL"
2、整型和浮点型(int float)
八进制:0xx eg:017
十六进制:0Xxx eg:0X17
3、字符串类型(string)
使用单引号或双引号里括起来
单引号和双引号的区别:
双引号可以解析变量,单引号不能。
双引号可以使用转义字符,在单引号里不能使用转义字符(除了/')
声明字符串:
$str = "I am hacker Mrzhang"
//(定界符号声明字符串)
$str =<<<border
I am hacker.
Yeah,no double.
border;
可以解析变量以及使用转义字符
若不想使用,在开始定界符号加单引号
直播课笔记 |
|