属性传智播客韩顺平php从入门到精通122讲html课堂笔记

传智播客  时间:2021-01-30  阅读:()

Html+css四天

Ht m l是什么

1 . html (hypertext mark-uplanguage)是超文本标记语言,主要的用处是做网页 ,可以在网页上显示文字、 图像、视频、声音 …

<input type= ”text”name=”xxx”/>

标记==元素简单说明一下动态网页的示意图

隔頁.胖.瓷用页ht^il \誌态

Cphp/jjjp. . ret./cj i

Ht m l历史

1999 html--xhtml xhtml可以理解成就是html的加强版 -a xml |

2008 html5.0u W3c的介绍

是一个制定标准的组织 比如给html ,xhtml ,css,xml ,wml 制定标准?不同的浏览器去访问同一个网页可能看到的效果是有差别 !->hackHt m l的运行原理

Hel lo.html

Ht m l的运行有两种方式

Ht m l文件的基本结构

<html>

<head></head>

<body></BODY>

</html>

1 . 本地运行

所谓本地运行就是直接用浏览器打开hello.html

2. 远程访问l何为协议计算机互相通信网络 的规则.pop http

远程访问的原理示意图

送里笈送前充蒐总仲么P GET

A亡c eptH. iuiguag e: :h~cn 师Us er-Agent; lozilla/4. I) (c qfl戸tjb lEh I EIE-g*QVJindo cra

Ht m l的基本结构

<html><head>

<元素属性仁”值”…./></head><body>

<元素属性仁"属性值”属性2=属性值”•••>内容</元素>

<元素属性=”属性值”/></body>

</html>

说明

1 . 标记通常是成对出现 <head></head>

2. 单标记<br/>案例htm l符号实体

的字符冥体

昱应#JR 「 窝(MB昱(4160;

£iTi uca?

1 > 大于曇

£ 和号 c&ttf  切珞

■ 引号 &tjuot*

W3?

具他一些吊用的爭符实悔

说明 当我们在网页中有一些特殊字符时候可以考虑使用字符实体 (chare ntity)超链接的案例

*****************

<br/> <br/>

<ahref="a.html" target= ”_self,_blank,_top,_paie接到a.html</a><br/>

<!--如果我们希望在点击该超链接后就跳转到外网的某个地址 贝U应当写完整的<!--url url-->统一资源定位-->

<ahref="">跳转到百度</a><br/>

<ahref="mai lto:">联系管理员</a>

Demo 1 .htm

<html><head></head>

<body>

<b>横看成林</b><br/><br/>

<font color="red">远近高低各不同</font><br/>

<!--s i ze值可以取1 . .7-->

<font style="font-size:30px;">不知庐山真面目</font><br/>

</body>

</html>

面试请问后缀htm l和ht m有什么区别

答 1 .如果一个网站有 i ndex.htm l和i ndex.htm默认情况下优先访问 .html

3. htm后缀是为了兼容以前的 dos系统8.3的命名规范

4讲图像表格实际应用-菜谱课堂练习-课程表图

片

<imgsrc=图片的路径/该图片也可是一个 url”width宽度”heigth=W度”/>

Ht m l的表格元素

在以前对网页布局要求不高的情况下 使用table布局即使用表格来显示数据, 同时用于布局快速入门

5

1

<html>

<body>

<table al ign="center"height="10px"bgcolor="yel low"border="3px"width="400px"><!--tr表示一行-->

<tr al ign="center">

<td>1</td>

<td>2</td>

<td>3</td>

</tr>

<tr al ign="right">

<td>2</td>

<td al ign="center">4</td><td>5</td>

</tr>

<tr>

<td>3</td>

<td>9</td>

<td>10</td>

</tr>

<tr>

<td>3</td>

<td>9</td>

<td>10</td>

</tr>

</table>

</body>

</html>

应用案例

1 .确定行

星期一菜借

代码如下:

<html>

<body>

<!--

<table al ig n="ce nter"height="10px"bgcolor="yel low"border="3px"width="400px"><!--tr表示一行

<tral ig n="cen ter">

<td>1</td>

<td>2</td>

<td>3</td>

</tr>

<tr al ig n="right"〉

<td>2</td>

<tdal ig n="ce nter">4</td>

<td>5</td>

</tr>

<tr>

<td>3</td>

<td>9</td>

<td>10</td>

</tr>

<tr>

<td>3</td>

<td>9</td>

<td>10</td>

</tr>

</table>-->

<table height="150px">

<tr><td></td></tr>

</table>

<!--显示菜单-->

<tableborder="1"al ign="center" bordercolor="#E76BFF"height="225px"cel lpadding="1px"cel lspacing="0px"width="400px"><tr>

<!--colspan="3"表该列要占用三列-->

<tdal ign="center"colspan="3">菜谱</td>

</tr>

<tr>

<tdrowspan="2">素菜</td>

<td>青草茄子</td>

<td>花椒扁豆</td>

</tr>

<tr>

<td>小炒韭菜</td>

<td>白豆腐</td>

</tr>

<tr>

<td rowspan="2">荤菜</td>

<td>清蒸龙</td>

<td>鱼香肉丝</td>

</tr>

<tr>

<td>小炒肉<imgsrc="dog.jpg"width="70px" /></td>

<td>水煮肉片</td>

</tr>

</table>

</body></html>课堂练习

青果网络618:洛杉矶CN2 GIA/东京CN2套餐年付199元起,国内高防独服套餐66折

青果网络怎么样?青果网络隶属于泉州市青果网络科技有限公司,青果网络商家成立于2015年4月1日,拥有工信部颁发的全网IDC/ISP/IP-VPN资质,是国内为数不多具有IDC/ISP双资质的综合型云计算服务商。青果网络是APNIC和CNNIC地址分配联盟成员,泉州市互联网协会会员单位,信誉非常有保障。目前,青果网络商家正式开启了618云特惠活动,针对国内外机房都有相应的优惠。点击进入:青果网络官方...

pacificrack7月美国便宜支持win VPS,$19.99/年,2G内存/1核/50gSSD/1T流量

pacificrack发布了7月最新vps优惠,新款促销便宜vps采用的是魔方管理,也就是PR-M系列。提一下有意思的是这次支持Windows server 2003、2008R2、2012R2、2016、2019、Windows 7、Windows 10,当然啦,常规Linux系统是必不可少的!1Gbps带宽、KVM虚拟、纯SSD raid10、自家QN机房洛杉矶数据中心...支持PayPal、...

Pacificrack:新增三款超级秒杀套餐/洛杉矶QN机房/1Gbps月流量1TB/年付仅7美刀

PacificRack最近促销上瘾了,活动频繁,接二连三的追加便宜VPS秒杀,PacificRack在 7月中下旬已经推出了五款秒杀VPS套餐,现在商家又新增了三款更便宜的特价套餐,年付低至7.2美元,这已经是本月第三波促销,带宽都是1Gbps。PacificRack 7月秒杀VPS整个系列都是PR-M,也就是魔方的后台管理。2G内存起步的支持Windows 7、10、Server 2003\20...

传智播客为你推荐
非主流桌面背景图片给我找几张好看的桌面图片??盗版win8.1升级win10盗版win8怎么升级到win10正版杀毒软件哪个好杀毒软件什么最好录屏软件哪个好手机录屏的话那个软件会好一点江门旅游景点哪个好玩的地方江门有哪些地方好玩。?游戏盒子哪个好游戏盒子哪个好?网络机顶盒哪个好什么牌子的网络机顶盒最好p图软件哪个好有什么P图工具比较好用辽宁联通网上营业厅辽宁联通怎样用发短信方式查询话费和流量360云盘下载别人在百度知道给了你360云盘资源,怎么在360云盘使用????
北京租服务器 互联网域名管理办法 burstnet 美国主机推荐 全球付 国内永久免费云服务器 mediafire下载工具 koss godaddy域名优惠码 info域名 京东云擎 私有云存储 商务主机 150邮箱 双拼域名 合租空间 vip购优惠 如何注册阿里云邮箱 申请网页 万网空间购买 更多