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

UCloud:美国云服务器,洛杉矶节点大促,低至7元起/1个月

ucloud美国云服务器怎么样?ucloud是国内知名云计算品牌服务商家,目前推出全球多地机房的海外云服务器。UCloud主打的优势是海外多机房,目前正在进行的2021全球大促活动参与促销的云服务器机房就多达18个。UCloud新一代旗舰产品快杰云服务器已上线洛杉矶节点,覆盖北美和亚太地区,火热促销中, 首月低至7元,轻松体验具备优秀性能与极高性价比的快杰云服务器。点击进入:ucloud美国洛杉矶...

Puaex:香港vds,wtt套餐,G口带宽不限流量;可解流媒体,限量补货

puaex怎么样?puaex是一家去年成立的国人商家,本站也分享过几次,他家主要销售香港商宽的套餐,给的全部为G口带宽,而且是不限流量的,目前有WTT和HKBN两种线路的方面,虽然商家的价格比较贵,但是每次补一些货,就会被抢空,之前一直都是断货的状态,目前商家进行了补货,有需要这种类型机器的朋友可以入手。点击进入:puaex商家官方网站Puaex香港vds套餐:全部为KVM虚拟架构,G口的带宽,可...

SoftShellWeb:台湾(台北)VPS年付49美元起,荷兰VPS年付24美元起

SoftShellWeb是一家2019年成立的国外主机商,商家在英格兰注册,提供的产品包括虚拟主机和VPS,其中VPS基于KVM架构,采用SSD硬盘,提供IPv4+IPv6,可选美国(圣何塞)、荷兰(阿姆斯特丹)和台湾(台北)等机房。商家近期推出台湾和荷兰年付特价VPS主机,其中台湾VPS最低年付49美元,荷兰VPS年付24美元起。台湾VPSCPU:1core内存:2GB硬盘:20GB SSD流量...

传智播客为你推荐
软银支付烧钱,玩家多,生态复杂,印度的移动支付大战有多火爆骁龙750g和765g哪个好高通骁龙845和骁龙835哪个好麒麟990和骁龙865哪个好高通865处理器怎么样?值得入手吗?集成显卡和独立显卡哪个好集成显卡与独立显卡的区别。电脑杀毒软件哪个好电脑杀毒用哪个好?法兰绒和珊瑚绒哪个好法兰绒、珊瑚绒、天鹅绒哪个暖和?少儿英语哪个好少儿英语教材哪个好?手机杀毒软件哪个好手机安全杀毒软件哪个比较好些?英语词典哪个好英语词典哪个好杰士邦和杜蕾斯哪个好安全套杜蕾丝好还是杰士邦好?
域名备案收费吗 bandwagonhost 美国翻墙 z.com mediafire下载工具 网页背景图片 新天域互联 谁的qq空间最好看 softbank邮箱 河南m值兑换 最漂亮的qq空间 无限流量 备案空间 vul 阿里云免费邮箱 湖南idc 主机返佣 深圳主机托管 windowsserverr2 WHMCS 更多