HTML知识点总结

HTML是超文本标记性语言也就是一种规范,描述网页文档的一种标记
HTML的基本结构
<html>--声明网页
  <head>==网页的头部信息
     <title>网页的标题</title>
  </head>
<body>--网页的主体,网页内容的展示部分(主体)
</body>
</html>
HTML中的常用标签
<b></b>字体变粗
<i></i>文字变斜体
<u></u>文字加下划线
<br>换行
<p>段落</p>   
<html></html>创建一个HTML文档
<head></head>设置文档标题和其他在网页中不显示的信息
<title></title>设置文档的标题
<h1></h1>最大的标题(n=1----6)由大到小
<em></em>(斜体加黑体)
<big></big>字体变大
<font size="1" color="blue"></font>字体的颜色大小
<span></span>类如<p></p>(同行显示)
与<div></div>属于段落标签,但<div>是块级层,换行显示,<span>是行级层
<sub></sub>下标标签,<sup></sup>上标标签 属于文本标签
<hr>水平线标签
(1)行的控制及相关标签
段落标签<p></P>用法:<p align="left"(左对齐)/right("右对齐")center(居中))></p>
段落的对齐方式
   换行标签<br/>

(2)图片标签<img>
  <img src="图片地址"width="宽度" height="图片高度" alt="图片的提示文字"
align="top/bottom/middle/left/right" border="图片的边框宽度" hspace="10" vspace="10">
align用于调整图片与文字的位置关系
hspace="10"表示图片的左边和右边的文字距离图片有10px;
vspace="10"表示图片的上面和下面的文字距离图片有10px;
 (3)文字在网页中的布局
  《1》有序列表的语法
    <ol type="序号类型:disc(实心圆点)、circle(空心圆环)、square(空心正方形)">
     <li>填写信息</li>
     <li>填写信息</li>
    </ol>
  《2》无序列表的语法
   <ul type="序号类型">(序号类型有:disc(实心圆点、circle(空心圆环)square(空心正方形)))
      <li></li>
      <li></li>
  </ul>

(4)页面链接语法
<a href="链接地址"></a>(超链接)
锚点链接(链接到本页面)
   首先创建一个锚链接的锚记点<a herf="#锚记点名称">主题名称</a>
然后在具体要链接的地方设置name:<a name="锚记点名称"></a>
( 锚记点前面要加上#号)
 (5)电子邮件链接
  <a href="mailto:邮件地址">联系我们</a>(别忘了mailto)
(6)滚动标签的 用法
<marquee scrolldelay="滚动延迟时间" direction=up/down/left/right(滚动方向)
οnmοuseοver="this.stop()(当鼠标经过时停止滚动)" οnmοuseοut="this.start()"(当鼠标离开时继续滚动)>滚动的文字和图像</marquee>
*HTML滚动字幕代码/html标签Marquee标记用法详解
<marquee id="scrollArea" height="150" width="380" loop="-1" scrollamount="1" scrolldelay="50" direction="up" onMouseOver=scrollArea.stop() onMouseOut=scrollArea.start()>滚动内容</marquee>
参数:scrollamount:表示速度,值越大速度越快;不写默认为6,取值范围1-6
width:;height:;(表示滚动区域的大小,width是宽度;height是高度)
direction:表示滚动的方向,默认为从右到左(left)←←←可选的值有right、→→→down↓、up↑
scrollDelay:滚动延迟时间,默认为90(ms)值越大,速度越慢
behavior:默认滚动为scroll, alternate(交替滚动)slide(幻灯片效果I,指的是滚动一次,然后停止滚动)
loop:控制循环的次数,默认为始终循环(-1)如果为2,(我只走2遍噢)
id="scrollarea":设置标示,用以对鼠标事件的相应
Marquee 经常用到两个事件:
onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动
onMouseOver="this.stop()":用来设置鼠标移入该区域时停止滚动
marquee标签常用的属性
align:设定<marquee></marquee>标签内容的对齐方式
bottom:底部对齐(默认)
left:左对齐 middle:中间对齐 right:右对齐 top:顶部对齐
<marquee align="bottom">align="bottom": 底部对齐(默认)
bgcolor="";(设置活动字幕的背景颜色)

转载于:https://www.cnblogs.com/feng1234-666/p/7856681.html

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值