属性传智播客韩顺平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云特惠活动,针对国内外机房都有相应的优惠。点击进入:青果网络官方...

创梦网络-四川一手资源高防大带宽云服务器,物理机租用,机柜资源,自建防火墙,雅安最高单机700G防护,四川联通1G大带宽8.3W/年,无视UDP攻击,免费防CC

? ? ? ?创梦网络怎么样,创梦网络公司位于四川省达州市,属于四川本地企业,资质齐全,IDC/ISP均有,从创梦网络这边租的服务器均可以****,属于一手资源,高防机柜、大带宽、高防IP业务,另外创梦网络近期还会上线四川联通大带宽,四川联通高防IP,一手整CIP段,四川电信,联通高防机柜,CN2专线相关业务。成都优化线路,机柜租用、服务器云服务器租用,适合建站做游戏,不须要在套CDN,全国访问快...

Webhosting24:€15/年-AMD Ryzen/512MB/10GB/2TB/纽约&日本&新加坡等机房

Webhosting24是一家始于2001年的意大利商家,提供的产品包括虚拟主机、VPS、独立服务器等,可选数机房包括美国洛杉矶、迈阿密、纽约、德国慕尼黑、日本、新加坡、澳大利亚悉尼等。商家VPS主机采用AMD Ryzen 9 5950X CPU,NVMe磁盘,基于KVM架构,德国机房不限制流量,网站采用欧元计费,最低年付15欧元起。这里以美国机房为例,分享几款套餐配置信息。CPU:1core内存...

传智播客为你推荐
软银孙正义日本的孙正义是阿里的最大股东,马云没有孙正义的股份多,为什么马云是亚洲首富而不是孙正义?桌面背景图片下载哪里有好看的桌面壁纸锦天城和君合哪个好和君智业和三人禾哪个公司的营销做的好集成显卡和独立显卡哪个好独立显卡和集成显卡哪个更好些录屏软件哪个好什么录屏软件好用电脑杀毒软件哪个好电脑杀毒软件那个最好??手机浏览器哪个好手机什么浏览器最好用江门旅游景点哪个好玩的地方江门有什么地方好玩的?唱K 行街 免答压缩软件哪个好电脑常用压缩软件哪个好手机管家哪个好手机管理软件哪个好用
域名查询工具 什么是域名解析 免费申请网页 冰山互联 softlayer unsplash 火车票抢票攻略 win8升级win10正式版 申请个人网页 150邮箱 帽子云 169邮箱 能外链的相册 购买国外空间 流媒体加速 cloudlink 域名dns 独享主机 海外空间 免费asp空间 更多