html 学习笔记

1, <h1 align="center"> 标题居中
2,<body style="background-color:yellow"> 改变背景颜色(PowderBlue),也可以是<h2 style="background-color:red">等等
3,font-family、color 以及 font-size 定义了其字体、颜色、大小 例如:<p style="font-family:arial;color:red;font-size:20px;">
在这里插入图片描述

4,text-align定义了元素中文本的水平对齐方式,例如:<h1 style="text-align:center">
5,<a herf="\\\\.com">插入链接,例如: <a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>,其target属性可改变链接的文档在何处显示
6,利用pre标签,可以保存空行和空格
7,标题正常只显示缩写,当鼠标移动到那时显示完整的,例如下面两种方法<abbr title="etcetera">etc.</abbr> <acronym title="World Wide Web">WWW</acronym>
8,块引用,使用 blockquote 元素的话,浏览器会插入换行和外边距,而 q 元素不会有任何特殊的呈现。
9,用图片做链接,例如:<a href="/example/html/lastpage.html"> <img border="0" src="/i/eg_buttonnext.gif" /> </a>
10,插入图片,图像由 img标签定义,要在页面上显示图像,你需要使用源属性(src)。src 指 “source”。源属性的值是图像的 URL 地址。例如:<img src="url" /> ,背景图片设置<body background="/i/eg_background.jpg"> ,通过设置 align属性,来设置图片的对齐方式和图在的位置
11,通过tr,td设置表格,并通过border的值设置边框,每个表格由 table 标签开始。每个表格行由 tr 标签开始。每个表格数据由 td 标签开始。并用&nbsp当作占位符在空表格中使用。
​例如:`

一行三列:
100200300
` 它的的代码是`
<table border="1">
<tr>
  <td>100</td>
  <td>200</td>
  <td>300</td>
</tr>
</table>`

12,有序列表和无序列表,例如:

一个无序列表:
  • 咖啡
  • 牛奶
它的代码是
<h4>一个无序列表:</h4>
<ul>
  <li>咖啡</li>
  <li></li>
  <li>牛奶</li>
</ul>

有序列表如:

  1. 咖啡
  2. 牛奶
它的代码是:
<ol start="50">
  <li>咖啡</li>
  <li>牛奶</li>
  <li></li>
</ol>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值