html学习笔记

<head></head>用于定义该文档的头部,定义文档的一些属性和信息,包括网页的标题<title>。

<body></body> 存放HTML文档的主要内容,bgcolor存放整个body属性,同时也可以用在其他标签内,比如<p>。

<h1> - <h6> :<h1></h2>html标题,<h1>定义最大的标题,<h6>是最小的标题。<h>标签在文字前会自动添加空行。

<p></p>:段落标签,作用是在前后自动添加空行,可以在标签内加align="center"使段落中间对齐。

HTML的style属性

style属性的作用:提供了一种改变所有HTML元素样式(字体的大小、颜色)的通用方法。

<p style="font-family:字体类型;color:颜色;font-size:字体大小px"></p>一般用css。

<font color="颜色" size="字体大小" face="字体"></font>

<center>居中的字</center> 文本居中

<strike>删除线</strike>:给标签内的文本加上删除线样式。

 <u>下划线</u>:给标签内的文本加上下滑线样式。

<b>粗体字</b> <big>大号文字 <em>着重文字 <i>斜体字 <small>小号字 <strong>加重语气 等等

 </br> 换行符

<abbr title = "First Rbotics Competition">FRC</abbr> 鼠标浮在缩写的字上会显示出对应的全称。

<!-- -->注释标签 

<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School</a> 超链接,href后面的链接可以是网址也可以是网页文档里的一个HTML文件,<target="_blank"> 可以用来在新窗口打开链接。

和超链接作用类似,超链接是跳到另一个网页,而锚是跳到本网页的另一个部分。

<a href= "#bottom">跳到网页底部</a>

<br/><br/>...

<a  name = "bottom">到底了</a> :name给需要跳跃到的地方命名

插入图片

<img src="image/image.jpg" height = "100" width="50" align="bottom" alt="图片的代替"> src属性表示图片文件的位置,height和width可以修改图片的大小,数值可以用值也可以用百分比。align表示图片对齐方式。当浏览器不能正确加载图片时,alt的内容就会代替图片显示。

图片做超链接:

<a href="test.html">

<img src="image/image.jpg">

</a>

表格

<table border="1" cellpading="10" cellspacing="10">

<caption>表格名称</caption>

<tr>

<td></td>

</tr>

<tr>

<td></td>

</tr>

</table>

<tr>是行,<td>是列。<caption>表格名称</caption>;border属性不同会有不同效果,不写或者为0,表格就没有边框。cellpading属性可以控制内容和边框的距离。cellspacing属性控制单元格之间的距离。

<th></th>表头标签,会自动加粗居中字体。

<td colspan = "2"></td> colspan表示跨列,2代表跨了两列(两列合并成一列)。

<td rowspan = "2"></td> colspan表示跨行,2代表跨了两行。

<ul>

<li>内容</li>

</ul>

<ul></ul> 无序列表,每一行之前都有一个点。<li>内容</li>存放每一行的内容。

<ol>

<li>内容</li>

</ol>

<ol></ol> 有序列表,每一行之前都有一个数字并顺序排序。

<dl>

<dt>列表1</dt>

<dd>列表1内容</dd>

<dt>列表2</dt>

<dd>列表2内容</dd>

</dl>

<dl></dl>实现列表,每一个列表由<dt>开始。

HTML块元素

流式布局

<div></div>

 浮动

 <div style="width":340px;float:"right"><div>宽340向右浮动。这么做会使div失去原来的流位置(块级元素的特性也会消失)。

多个块浮动会按照顺序来浮动。如果尺寸超过外层限制,就会到下一行。

图片也是块级元素,浮动后也会有同样的效果。

<span></span>

div与span区别:
div是块级元素独占一行,两个div会分行显示。
span是内联元素,内容有多宽就占用多宽的空间距离。两个span可以在一行行显示。

背景设置

bgcolor

background添加背景图片:

<body background = "image/image.jpg"></body>

设置颜色:十六进制和单词来设置

html5新视频标准

播放音频

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值