A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 豪9817 初级黑马   /  2017-4-12 16:44  /  755 人查看  /  1 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

                                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;
           可以解析变量以及使用转义字符
           若不想使用,在开始定界符号加单引号
直播课笔记

1 个回复

倒序浏览
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马