HTML基础总结

标签align对齐属性值:

align="left"       左对齐内容
align="right"      右对齐内容
align="center"     居中对齐内容
align="justify"    对行进行伸展,这样每行都可以有相等的长度


在网页上显示为一个空格: 
强制换行:在要换行的语句后加<br/>,只是换行本身还是一个段落
预格式化标签:<pre> 中输入的内容是什么格式,网页中显示的就是什么格式</pre>


网页乱码设置:

在<head></head>中添加:
    <meta  http-equiv="Content-Type" content="text/html; charset=utf-8"/>
常用:utf-8、GB2312、gbk等编码


水平线:<hr/>

水平线属性:
width      设置水平线宽度,可以像素或百分比
color      设置水平线颜色
align      设置水平线居中对齐
noshade    设置水平线无阴影
<hr width="80%" color="#666666" align="left"/>




修饰标签:

文字斜体:<i></i>  <em></em>
加粗:    <b></b>  <strong></strong>
下标:    <sub></sub>
上标:    <sup></sup>
下标线:  <ins></ins>
删除线:  <del></del>




特殊符号:

  属性:              显示结果:               描述:
   &it;                  <                      小于号或显示标记
   &gt;                  >                      大于号或显示标记
   &reg;                                        已注册
   &copy;                                       版权
   &trade;                                      商标
   &nbsp;              Space                         不断行的空白
   
   

列表标签:



1、无序列表:
 <ul>
    <li>列表项</li>
<li>列表项</li>
...
 </ul>
 type属性值:
 disc      圆点
 square    正方形
 circle    空心圆
 
2、有序列表:
 <ol>
    <li>列表项</li>
<li>列表项</li>
...
 </ol>
 type属性值:
 1     数字1,2...
 a     小写字母a,b...
 A     大写字母A,B...
 i     小写罗马数字i
 I     大写罗马数字I
 
 3、定义列表:
 <dl>
    <dt>定义列表项</dt>
<dd>列表项描述</dd>
<dd>列表项描述</dd>
<dt>定义列表项</dt>
<dd>列表项描述</dd>
...
 </dl>


 

 图像标签

 语法:<img src="" alt="".../>
 img属性:
     Scr(必写)       URL               显示图像的URL
alt            文字               图像替代文本
height       数值和百分比         图像的高
width        数值和百分比         图像的宽
   
 ../代表一个上一级     ../../代表上一级的上一级
 alt用于:
       当网速太慢、src属性中的错误、浏览器禁用图像、
   用户无法查看图像,可以代替图像显示在浏览器中的内容
   
使用百分比设置图片的大小,图片会随着窗口的大小而大小,但像素的不会


超链接标签

语法:<a href="">内容</a>
href:链接地址,可以使内部链接或外部链接
站内链接:跳转到的还是这个网站
外部网站:从当前网站跳转到另一个网站中


属性:
     href                链接地址
target              链接的目标窗口_self、_blank、_top、_parent
title               链接提示文字
name                链接命名
 
_self    点击链接后在当前页面打开
_blank   点击链接后创建一个新的页面打开


锚链接:实现在一个页面内,点击链接就跳转到那个部分

定义锚:(同个页面)
     <a href="#锚名1">目录1</a>
<a href="#锚名2">目录2</a>
<a href="..." name="锚名1">内容</a>
    xxxxxxxx
xxxxxxxxxxxx
<a href="..." name="锚名2">内容</a>
    xxxxxxxx
xxxxxxxxxxxx
总结:1、定义锚的位置和锚名
      2、设置寻找锚的链接
  
定义锚:(不同页面)
     网页1:<a href="网页名称#锚名>...</a>
网页2:<a name="锚名">...</a>
 
链接扩展功能:
电子邮件链接:<a href="mailto:邮件地址">...</a>
文件下载:<a href="下载文件的地址">...</a>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值