属性传智播客韩顺平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>课堂练习

Pia云服务商春节6.66折 美国洛杉矶/中国香港/俄罗斯和深圳机房

Pia云这个商家的云服务器在前面也有介绍过几次,从价格上确实比较便宜。我们可以看到最低云服务器低至月付20元,服务器均采用KVM虚拟架构技术,数据中心包括美国洛杉矶、中国香港、俄罗斯和深圳地区,这次春节活动商家的活动力度比较大推出出全场6.66折,如果我们有需要可以体验。初次体验的记得月付方案,如果合适再续约。pia云春节活动优惠券:piayun-2022 Pia云服务商官方网站我们一起看看这次活...

Linode 18周年庆典活动 不断改进产品结构和体验

今天早上相比很多网友和一样收到来自Linode的庆祝18周年的邮件信息。和往年一样,他们会回顾在过去一年中的成绩,以及在未来准备改进的地方。虽然目前Linode商家没有提供以前JP1优化线路的机房,但是人家一直跟随自己的脚步在走,确实在云服务器市场上有自己的立足之地。我们看看过去一年中Linode的成就:第一、承诺投入 100,000 美元来帮助具有社会意识的非营利组织,促进有价值的革新。第二、发...

spinservers($179/月),1Gbps不限流量服务器,双E5-2630Lv3/64GB/1.6T SSD/圣何塞机房

中秋节快到了,spinservers针对中国用户准备了几款圣何塞机房特别独立服务器,大家知道这家服务器都是高配,这次推出的机器除了配置高以外,默认1Gbps不限制流量,解除了常规机器10TB/月的流量限制,价格每月179美元起,机器自动化上架,一般30分钟内,有基本自助管理功能,带IPMI,支持安装Windows或者Linux操作系统。配置一 $179/月CPU:Dual Intel Xeon E...

传智播客为你推荐
名侦探柯南644名侦探柯南1~674集哪集很色滴滴软银合资亚滴新能源跑滴滴怎么样?天气预报哪个好用哪个最准确分小时的那种天气预报app,哪个准确方便使用录屏软件哪个好有什么好用的游戏录屏软件推荐吗?骁龙765g和骁龙865哪个好骁龙865八核2.84H和骁龙855plus八核2.96GHZ那个好了?华为p40和mate30哪个好荣耀30pro和华为P40哪个好?手动挡和自动挡哪个好自动挡和手动挡哪个好?绝地求生加速器哪个好绝地求生哪个加速器好用一点,求推荐一个等额本息等额本金哪个好到底是等额本息好还是等额本金好?电动牙刷哪个好电动牙刷和普通牙刷哪个好,有何区别?
上海服务器租用 香港主机租用 网通vps 域名备案批量查询 budgetvm 电影服务器 bash漏洞 外国空间 国内加速器 论坛空间 魔兽世界台湾服务器 嘟牛 架设服务器 网站cdn加速 免费cdn 免费的asp空间 德讯 带宽测试 乐视会员免费领取 重庆联通服务器托管 更多