黑马程序员技术交流社区

标题: 2028 张一鸣 2017-4-9 [打印本页]

作者: 豪9817 时间: 2017-4-12 16:44
标题: 2028 张一鸣 2017-4-9
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;
   可以解析变量以及使用转义字符
   若不想使用，在开始定界符号加单引号
直播课笔记

作者: 情不知所起 时间: 2017-4-13 08:07
不错内容都有

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2