HTML基本代码
HTML
今天回顾html,总结一下今日所学内容。
-------------------正文--------------------------
目的:通过一些基础的标签制作关于LOL的静态网页
所用代码:
1.div中套div的话,若定义了第一个盒子的大小,被它包含的盒子就默认为同样的形式;
2.图片标签img,用法:<img src:..>
3.url目录:同一资源定位器,寻找资源位置,分为三种;
1)绝对路径
带盘符的物理绝对路径:C:\Users\Administrator\Desktop\0708\img\lol.png
可访问互联网上的资源(打开任意网站控制口,找到相应的链路,复制即可)
协议名:http、https
主机名 IP地址/域名://www.baidi.com
2)相对路径
指从文件当前的位置查找需要的资源,经过的路径
3)服务器路径 根相对路径 只有服务器才能使用
/开始找文件
web支持的图片格式:
1)png:无损压缩 ,8位24位32位颜色,支持透明色;
2)jpg:压缩过的文件 jpeg *.jpg
3)gif:支持动画
属性:
src : url 在服务器端严格区分大小写,在本机不受影响;
在web图片中,如果只修改width或height中的一个属性,另一个属性就会跟着等比缩放;
————————————分割线——————————————
<u></u>下划线
<b></b>指定字体加粗
表格格式:
<table>————cellpadding="0px"指表格内文字与边的距离,border="1px"指表格边框厚度,cellspacing="0"指表格边框内的厚度大小
<caption></caption>———居中某些字
<tr>
<th></th>——表格内标题字,自动居中加粗
<td></td>——存放内容的地方
</tr>
</table>
有序列表:
<ol>
<li></li>
</ol>
无序列表:
<ul>
<li></li>
</ul>
锚点(跳转到网页中指定的区域):
<a href="#指定id">指定跳转文字</a>
<h1 id="指定id">跳转文字</h1>
————————分割线————————
最新文章
- BP神经网络
- Tomcat6查看数据库的数据源信息
- ecshop简单三部实现导航分类二级菜单
- nodejs学习笔记<;六>;文件处理
- 转: android studio 消除SDK更新时的“https://dl-ssl.google.com refused”错误
- Responder一点也不神秘————iOS用户响应者链完全剖析
- Professional C# 6 and .NET Core 1.0 - 37 ADO.NET
- 第三节:深度剖析各类数据结构(Array、List、Queue、Stack)及线程安全问题和yeild关键字
- List、Set、Map集合
- php连接mysql(linux下)
- 056、macvlan网络结构分析(2019-03-25 周一)
- 下面那些是无效的Java标识符?
- java中int算法的有趣现象
- VisualSVN Server 服务器搭建 和 TortoiseSVN的配置和使用方法
- Linux系统下对NFS服务安全加固的方法
- C++ 构造与析构的执行顺序
- 20155227 2016-2017-2 《Java程序设计》第九周学习总结
- 关于mybatis的思考(3)——ResultMaps的使用
- C++ 11 std::function std::bind使用
- IOS layoutSubviews总结
热门文章
- rk3288 usb无线网卡支持 8188eu
- 泡泡一分钟:Efficient Trajectory Planning for High Speed Flight in Unknown Environments
- R3 x64枚举进程句柄
- 深入理解Flink ---- 系统内部消息传递的exactly once语义
- LeetCode Top Interview Questions
- Laravel 数据库实例教程 —— 使用查询构建器对数据库进行增删改查
- radio和checkbox的js勾选使用
- 最新 梆梆安全java校招面经 (含整理过的面试题大全)
- odoo - 自定义默认主页
- eclipse 查看文件在磁盘里的位置