php软件开发--html进阶

周先森开发

已于 2022-04-10 21:24:08 修改

阅读量176

点赞数 1

文章标签：前端 html

于 2021-03-01 19:23:13 首次发布

本文链接：https://blog.csdn.net/qq_39683070/article/details/114269687

版权

html：

什么是网页和网站:
        网页：支持浏览器打开，具有一定的界面效果、功能和作用的“页面文件”。
        网站：就是由若干个具有一定内在联系，隶属于同一目录的若干个网页组成的网页群。

    网页浏览原理：
        客户端：发起请求，常见客户端：即浏览器（google、360、ie、ff（firefox））
        服务器端：对客户端请求收到，并进行响应：常见服务器：Apache、tomcat、iis等

    内核（渲染引擎）：
        对标签进行解析，常见有Trident(IE内核)、Gecko(firefox)、webkit(Safari)、Apple Safari (Win/Mac/iPhone/iPad)。。。

 什么是html：
        Hyper Text Markup Language（超文本标记语言）、简单说比普通文本更强大的的语言。
        可以输出：文字、图像、链接、音频等
        后缀： .html 或 .htm

    html基本知识：
        html标准（html规范）：w3c 非盈利组织。领导人：蒂姆·伯纳斯-李——互联网之父。

    html标签：
        基本形式：<标签名  属性名1=“属性值1”  属性名2=“属性值2”  …>
    html注释：
        <!-- 注释内容 -->
    html标签分类：
        标签分类：单、双标签
        功能分类：文本、结构、链接、图像、列表、表格、表单、其他标签
    html网页代码基本结构：
        html>head+title>body
    html标签关系：嵌套、并列关系

    文档级结构标签：html， head， title， body
    内容级结构标签：h1~h6，br， hr， p， pre， blockquote， div， span， 表格标签等
    块标签和行内标签：
        块标签：hr,  p,  h1,  div
        行内标签：b， strong， font
        区别：块标签独占一行、可以设置宽高、可以设置外边距等。

html文本标签：

字体：font
加粗：b， strong， 
倾斜：em，  i，
删除：s，del， 
sub(下标)， sup（上标）， 等。

html列表标签：

无序列表：ul>li,
有序列表：ol>li,
定义列表：dl>dt,dd

html图像标签：

<img  src=”图片路径”  width=”宽”  height=”高”  alt=”图片描述信息”  align=”对齐方式” border=”边框” />
    
网页路径问题：
    相对路径：
        一级： ../
        同级：./
        下一级：该文件下文件夹/

    绝对路径：
        物理路径：从盘符开始（或根路径）
        绝对路径：http://（网络地址）【易推广宣传、对服务器有一定的压力】

html链接标签：

超链接：<a href="跳转地址"  target="_blank"> 文字</a>
锚链接：<a href="#id名"></a>

当前页面统一设置：<base target="_blank">
网页图标：<link rel="icon" href="favicon.ico">

html表格标签：

表格：
    标题：caption
    表格（行、列）：table>tr>td(th)
    表格（表格头、体、脚）：table>thead>tbody>tfoot
    合并（列、行）：colspan、rowspan

表单标签：

form > input、select > optgroup > option、textarea、button
fileset > legend

表单：form：name、method、action

文本框：input常见type属性：text、password、hidden、radio、checked、file、image、reset、submit...

多选框：section：selected、size

单选框：radio、checked：checked

文本框：textarea：cols、rows、name

h5新增标签与属性：

语义化标签：
    article（文章）， aside（侧边）， header（头部）， footer（尾部）， nav（导航）， section（小节，文章的章节）等等。
  多媒体标签：
    audio、video、source、embed
  其他标签：
    dialog、progress、mark、time、address、canvas、details/summary
  新增type：
    email、tel、url、number、search、range、time、date、datetime、month、week
  新增属性：
    placeholder、autofocus、multipart、contentableditable、autocomplete

其他标签（扩展）

    meta（元属性）：
        <!-- name:键名(author、keywords、description、robots); content：键值 -->
        <!-- meta（charset=gbk、utf8、unicode、gb2312） -->
        <meta charset="UTF-8" descript="描述" author="作者" content="内容" />
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    字符实体：
        &gt、&lt、&amp、&copy、&reg、..

    文档类型
        <!DOCTYPE html>、h4（宽松型、过渡性、严格型）

    iframe：内嵌框架
        <iframe src="http://www.baidu.com/" name="框架名称" frameborder="1" width="500" height="500"> </iframe>

    frameset、frame
        互斥：body
        <html>
            <head></head>
            <frameset cols="1" row="2">
                <frame></frame>
                <frameset  cols="2">
                    <frame></frame>
                    <frame></frame>
                </frameset>
            </frameset>
        </html>

周先森开发

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
php软件开发--html进阶

html：什么是网页和网站: 网页：支持浏览器打开，具有一定的界面效果、功能和作用的“页面文件”。网站：就是由若干个具有一定内在联系，隶属于同一目录的若干个网页组成的网页群。网页浏览原理：客户端：发起请求，常见客户端：即浏览器（google、360、ie、ff（firefox））服务器端：对客户端请求收到，并进行响应：常见服务器：Apache、tomcat、iis等内核（渲染引擎）： ...
复制链接

扫一扫