IT新手入门,零基础学IT,转行做IT,IT行业的职位选择,你我一同探讨!

IT新手入门网给你介绍IT行业的职位有哪些,让你转行做IT不发愁,IT入门有捷径

当前位置: 主页 > 技能提升 > PHP开发 > php基础入门之html代码基础(第一天)

php基础入门之html代码基础(第一天)

时间:2017-01-17 08:13来源:原创 作者:恪己 点击:
今天是系统学习PHP的第一天,从零开始走进 php代码学习 的平台。 一、Web基础 1.Web工作原理 2.主流浏览器 Internet Explorer(IE)、Firefox、Chrome、Opera、Safari 因为每款浏览器都由独立的生产厂
今天是系统学习PHP的第一天,从零开始走进php代码学习的平台。
一、Web基础
1.Web工作原理
2.主流浏览器
Internet Explorer(IE)、Firefox、Chrome、Opera、Safari
因为每款浏览器都由独立的生产厂商生产,所以其存在差别,所以尽量要保证浏览器的兼容性,浏览器的内核也称为渲染器,负责将HTML、CSS、JavaScript等代码显示为网页。
二、HTML基础
1.什么是HTML?
HTML(HyperText Markup Language),超文本标记语言
2.HTML有什么用?
HTML用于搭建网页的结构;
HTML5是HTML的最新版本。
3.标记的分类
3.1 以是否包含子标记或内容为标准
单标记:<标记名称>
双标记:<标记名称>...</标记名称>
说明: 在HTML中少数标记存在严格的父子关系,更多的取决于书写顺序:
例1:a标记是b标记的父标记
<a><b>...</b></a>
例2:b标记是a标记的父标记
<b><a>...</a></b>
3.2 以是否换行为标准
块级对象(Block Element):换行,其默认宽度占父对象的100%;
行内对象(Inline Element):不换行,其默认宽度由内容多少来决定;
4.HTML5文档的基本结构
<!doctype html>
<html>   
   <head>
      <meta charset="编码方式">  
      <title>网页标题</title>  
   </head>
   <body>
网页正文
   </body>
</html>
5.文本的修饰
http://www.w3school.com.cn/
加粗(bold):<b>...</b>或<strong>...</strong>
倾斜(italic):<i>...</i>或<em>...</em>
下划线(underline):<u>...</u>
删除线:<del>...</del>或<s>...</s>或<strike>....</strike>
6.段落(paragraph)、换行、标题
段落
<p align="left|center|right">...</p>
换行
<br>
标题
<h1 align="left|center|right">...</h1>
...
<h6 align="left|center|right">...</h6>
7.图像
7.1 浏览器支持的图像格式
gif,支持透明色,支持动画,最多支持256种颜色,在实际应用时主要用于动画效果。
jpg/jpeg,不支持透明色,不支持动画,支持1670万颜色,在实际应用时用于展示效果。
png,支持透明色,不支持动画,支持1670万颜色,在实际应用时主要用于结构的背景图像效果。
7.2 图像的标记
<img src="图像URL">
8.路径
8.1 绝对路径:由完整的协议名称、主机名称、路径及文档全称组成。
    常用的网络协议有:
    HTTP(HyperText Transfer Protocol):超文本传输协议,用于浏览网页;
    FTP(File Transfer Protocol):文件传输协议,用于文件的上传/下载;
    POP3(Post Office Protocol - Version 3),邮局协议3
    SMTP(Simple Mail Transfer Protocol),简单邮件传输协议
8.2 相对路径:从当前文档开始的路径
    A.如果源文件与目标文件存储在同一目录内,可直接书写目标文档全称;
    B.如果源文件与目标文档所在目录平行,则书写成 目录/目标文档全称 ;
    C.如果源文件所在目录与目标文件平行,则书写成 ../目标文档全称 ;
    重要提示:相对路径是从书写路径的文件出发;
8.3 根相对路径:从站点根目录开始的路径,总是以"/"开头;
路径的反向推算:
例1:
假设URL地址为:
http://www.a.com/b/c.jsp?id=1
而且通过查看网页的源文件发现某图路径的标记是以下代码
<img src="images/d.jpg">
请问图像的绝对路径是多少?
http://www.a.com/b/images/d.jpg
例2:假设URL地址为:
http://www.alixixi.com
而且通过查看网页的CSS文件路径的标记是以下代码
<link rel="stylesheet" type="text/css" href="skins/style.css">
问题1:
请问CSS文件的绝对路径是多少?
http://www.alixixi.com/skins/style.css
然后又查看这个CSS文件的源代码又发现,某个背景图像的写法如下:

     

------分隔线----------------------------
栏目列表
推荐内容