博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html集锦
阅读量:5999 次
发布时间:2019-06-20

本文共 1577 字,大约阅读时间需要 5 分钟。

注意:此内容为复习所总结,非专业,不全,理解记录理解会有偏差。

一、HTML解释:

  指的是超文本标记语言 (Hyper Text Markup Language),不是一种编程语言,而是一种标记语言 (markup language),Html大小写不敏感

二、Body中的属性:

  body中text为颜色属性、bgcolor为背景属性、background为背景图片属性,当bgclor和background同时存在时,背景图片会覆盖背景颜色

三、p标签:

  <p align="center">段落标签</p>  align:对齐方式center,left,right

四、hr标签:

  <hr width="50%" color="" size="10px"/>  width中50%指的是父标签的百分之五十,如果写成width="200px",则长度固定不变,不会随着body的变化而变化,px指的是像素

五、ul标签:

  <ul type="circle">      //type属性可以控制前面出现的形状  circle是圆圈型,不写的话是黑点

    <li>好雨知时节</li><br/>  
    <li>当春乃发生</li><br/>
    <li>随风潜入夜</li><br/>
    <li>润物细无声</li><br/>
  </ul>

六、ol标签:

  <ol type="i" start="2">    //此处2代表从ii开始,其他类似

    <li>好雨知时节</li><br/>
    <li>当春乃发生</li><br/>
    <li>随风潜入夜</li><br/>
    <li>润物细无声</li><br/>
  </ol>

七、img标签

  <img src="截图20171216231155.png" width="53%" height="42%" border="1" align="middle" align="hello beauty"/>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh

  图片标签align属性没有center值,有top/bottom/middle,代表右侧文字排版的位置

八、a标签

  <a href="annother.html" target="_self">annotherPage</a>    //target取_self:在本页面显示

  <a href="annother.html" target="_blank">annotherPage</a>   //target取_blank:在新页面显示

九、表格--合并行/列

 

  //标题
message
name name name
value 合并列
合并行 value value
value value

 十、表格--thead/tbody/tfoot

  1.分块加载使得用户体验比较好

  2.thead:头

  3.tbody:体  

  4.tfoot:尾

转载于:https://www.cnblogs.com/pecool/p/8047979.html

你可能感兴趣的文章
Python自定义库文件路径
查看>>
Get和Post的区别
查看>>
Redis--优化
查看>>
JSTL截取字符串以及格式化时间
查看>>
Bugtags 使用技巧之 setUserData
查看>>
Go语言标准库之JSON编解码
查看>>
使用windows search 搜索文件和文件夹(一)
查看>>
“江苏科技”背后有哪些大咖倾力参与?
查看>>
mysql优化
查看>>
mysqldump & binlog做完全备份
查看>>
杨辉三角
查看>>
Zabbix 2.4 —— Trigger Founction
查看>>
centos修改主机名
查看>>
LVS集群的基础概念篇
查看>>
python中read() readline()以及readlines()用法
查看>>
网络知识汇总(1)-朗文和牛津英语词典网址
查看>>
选择排序(C语言实现) 分类: 数据结构 2015-...
查看>>
Java设计模式学习
查看>>
Quartz_1_简单编程式任务调度使用(SimpleTrigger)
查看>>
web api 初体验 解决js调用跨域问题
查看>>