php软件开发--html进阶

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 或 .htmhtml基本知识：html标准（html规范）：w3c 非盈利组织。领导人：蒂姆·伯纳斯-李——互联网之父。html标签：基本形式：<标签名  属性名1=“属性值1”  属性名2=“属性值2”  …>html注释：<!-- 注释内容 -->html标签分类：标签分类：单、双标签功能分类：文本、结构、链接、图像、列表、表格、表单、其他标签html网页代码基本结构：html>head+title>bodyhtml标签关系：嵌套、并列关系文档级结构标签：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>

php软件开发--html进阶相关推荐

IT软件开发小白进阶路线
前提:本文是结合大牛自己补充的技术路线,仅供参考. 一.技术路线介绍本节只介绍纯IT领域的技术路线,而对于更高级的技术(例如计算机视觉.机器学习.人工智能等等)不予考虑. 技术路线是一条通往该行业的 ...
软件开发工程师进阶之路（一）
目录 1.框架 2.架构 3.编程语言 4.代码结构从毕业至今,已有四个多年头,对自己的定位亦从刚开始测试开发,转向软件工程师,目前的目标是架构工程师,之后再达到全栈工程师的目的. 1.框架框架( ...
php软件开发--linux进阶
linux介绍,目录,命令shell: 常见操作系统:window.max.linux.unix.android.ios等为什么使用linux操作系统:稳定性:底层架构.长时间不关机稳定性:开源.打补 ...
php软件开发--php进阶
操作数据库: CMD模式下操作MySQL数据库步骤登录MySQL服务器:mysql -hlocalhost -uroot -p选择当前数据库:use 数据库名;设置客户端显示字符集set names ...
项目管理进阶--软件开发项目中的团队组成
#项目管理进阶–软件开发项目中的团队组成 ##项目经理项目经理负责分配资源,确定优先级,协调与客户和用户之间的交往.总而言之,就是尽量使项目团队一直集中于正确的目标.项目经理还要建立一套工作方法,以 ...
孙叫兽进阶之路之软件开发生命周期
孙叫兽,前端全栈开发工程师,java工程师. 软件开发生命周期:
面向对象进阶4：软件开发规范
软件目录结构规范为什么要设计好目录结构? "设计项目目录结构",就和"代码编码风格"一样,属于个人风格问题.对于这种风格上的规范,一直都存在两种态度: 一类同 ...
安卓软件开发进阶之工具也疯狂
我是大连一家车联网公司的一名安卓开发人员,在我们公司开发一个app的时候,通常都会有几个版本.一个是开发环境版本,这个是我们开发人员自己开发用的版本.一个是测试环境版本,这个是给测试用来测试用的版本. ...
零基础学习java软件开发攻略
Java是主流开发语言,应用普遍.Spring Boot是Java开发时常用框架,有非常丰富的组件和易用的功能.实际开发工作中涉及到的知识点比较多,将它们分门别类,专题攻关,由点到面,学习效率非常高. ...

php软件开发--html进阶

html：

html文本标签：

html列表标签：

html图像标签：

html链接标签：

html表格标签：

表单标签：

h5新增标签与属性：

其他标签（扩展）

php软件开发--html进阶相关推荐

最新文章

热门文章