属性传智播客韩顺平php从入门到精通122讲html课堂笔记
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*QVJindo 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>课堂练习
- 属性传智播客韩顺平php从入门到精通122讲html课堂笔记相关文档
- 开发传智播客ios开发培训概况
- 方法传智播客java考试习题
- 方法{实用}传智播客_Java基础入门习题答案
- 算法传智播客C和C 与数据结构基础讲义
- 方法传智播客_Java基础入门习题答案
- 算法传智播客c和c 与数据结构基础讲义
JUSTG提供俄罗斯和南非CN2 GIA主机年$49.99美元JUSTGgia南非cn2南非CN2justG
JUSTG，这个主机商第二个接触到，之前是有介绍到有提供俄罗斯CN2 GIA VPS主机活动的，商家成立时间不久看信息是2020年，公司隶属于一家叫AFRICA CLOUD LIMITED的公司，提供的产品为基于KVM架构VPS主机，数据中心在非洲（南非）、俄罗斯（莫斯科），国内访问双向CN2，线路质量不错。有很多服务商实际上都是国人背景的，有的用英文、繁体搭建的冒充老外，这个服务商不清楚是不是真...
IonSwitch：$1.75/月KVM-1GB/10G SSD/1TB/爱达荷州
IonSwitch是一家2016年成立的国外VPS主机商，部落上一次分享的信息还停留在2019年，主机商提供基于KVM架构的VPS产品，数据中心之前在美国西雅图，目前是美国爱达荷州科德阿伦(美国西北部，西接华盛顿州和俄勒冈州)，为新建的自营数据中心。商家针对新数据中心运行及4号独立日提供了一个5折优惠码，优惠后最低1GB内存套餐每月仅1.75美元起。下面列出部分套餐配置信息。CPU：1core内存...
Kinponet是谁？Kinponet前身公司叫金宝idc 成立于2013年 开始代理销售美国vps。
在2014年发现原来使用VPS的客户需求慢慢的在改版，VPS已经不能满足客户的需求。我们开始代理机房的独立服务器，主推和HS机房的独立服务器。经过一年多的发展，我们发现代理的服务器配置参差不齐，机房的售后服务也无法完全跟上，导致了很多问题发生，对使用体验带来了很多的不便，很多客户离开了我们。经过我们慎重的考虑和客户的建议。我们在2015开始了重大的改变， 2015年，我们开始计划托管自己...
-
集成显卡和独立显卡哪个好集成显卡和独立显卡的区别?哪个更好?少儿英语哪个好少儿英语哪个好浮动利率和固定利率哪个好浮动利率房贷与固定利率房贷比较 购房者如何选择浮动利率和固定利率哪个好贷款选择浮动利率还是固定利率浮动利率和固定利率哪个好对于企业来说固定利率贷款与浮动利率贷款优缺点各是什么？谢谢了。手机杀毒软件哪个好什么手机杀毒软件最好用？电陶炉和电磁炉哪个好电磁炉跟电陶炉哪个好电动牙刷哪个好电动牙刷哪个牌子比较好，不要那么贵的51空间登录以前的51空间怎么进？辽宁联通营业厅辽宁移动网上营业厅进入办法