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

RAKsmart新年钜惠:E3服务器秒杀$30/月起,新上韩国服务器,香港/日本/美国站群服务器,VPS月付$1.99起,GPU服务器,高防服务器_vps香港

RAKsmart发布了新年钜惠活动,即日起到2月28日,商家每天推出限量服务器秒杀,美国服务器每月30美元起,新上了韩国服务器、GPU服务器、香港/日本/美国常规+站群服务器、1-10Gbps不限流量大带宽服务器等大量库存;VPS主机全场提供7折优惠码,同时针对部分特惠套餐无码直购每月仅1.99美元,支持使用PayPal或者支付宝等方式付款,有中英文网页及客服支持。爆款秒杀10台/天可选精品网/大...

QQ防红跳转短网址生成网站源码(91she完整源码)

使用此源码可以生成QQ自动跳转到浏览器的短链接,无视QQ报毒,任意网址均可生成。新版特色:全新界面,网站背景图采用Bing随机壁纸支持生成多种短链接兼容电脑和手机页面生成网址记录功能,域名黑名单功能网站后台可管理数据安装说明:由于此版本增加了记录和黑名单功能,所以用到了数据库。安装方法为修改config.php里面的数据库信息,导入install.sql到数据库。...

HostKvm($4.25/月),俄罗斯CN2带宽大升级,俄罗斯/香港高防限量5折优惠进行中

HostKvm是一家成立于2013年的国外VPS服务商,产品基于KVM架构,数据中心包括日本、新加坡、韩国、美国、俄罗斯、中国香港等多个地区机房,均为国内直连或优化线路,延迟较低,适合建站或者远程办公等。本月,商家旗下俄罗斯、新加坡、美国、香港等节点带宽进行了大幅度升级,俄罗斯机房国内电信/联通直连,CN2线路,150Mbps(原来30Mbps)带宽起,目前俄罗斯和香港高防节点5折骨折码继续优惠中...

传智播客为你推荐
浏览器哪个好用浏览器哪个最好用?炒股软件哪个好用股票交易软件哪个好?红茶和绿茶哪个好红茶和绿茶哪个更好?51空间登录51空间怎么进dns服务器设置DNS服务器怎么设置??360云盘共享群手机360云盘怎么入共享群,求步骤360云盘论坛360云盘好用吗?目前有什么特点吗?360云盘论坛360云盘,百度云盘,115云盘,哪个好用一点,理由是什么月抛隐形眼镜月抛隐形眼镜第一次戴需要用护理液浸泡吗?如果要,那么需要泡多久、便宜的反义词便宜的反义词可以是宝贵吗
西安服务器租用 浙江vps 互联网域名管理办法 主机评测 linode代购 站群服务器 视频存储服务器 mobaxterm 免费名片模板 seovip qq数据库 架设服务器 大容量存储器 腾讯实名认证中心 百度云1t drupal安装 网站加速软件 沈阳主机托管 秒杀品 iki 更多