HTML中常见标签的小结

一.快速提示:
h + 8 ,提示出html模板
in,创建input标签
int,创建文本框
insu,创建添加按钮
t+enter 创建表格
s+enter 创建js模块
s+2 js引入文件
fun+3 创建js函数


二.快捷键
Ctrl+向上 : 向上移动一行代码

Ctrl+向下: 向下移动一行代码

Ctrl+r: 运行

Ctrl+shift+r: 复制当前行,或复制选中区域

Ctrl+/: 添加或移除 单行注释

Ctrl+shift+/: 添加或移除 块注释

ctrl+enter: 任意位置向下插入一行

shift+enter: html页面插入<br/>

Ctrl+shift+x :全部大写

Ctrl+shift+y :全部小写

Ctrl +f :查询

ctrl+p :边敲边看

ctrl+d :删除选中行

ctrl+shift +f: 整理代码行

ctrl+shift +c : 复制文件路径

ctrl+ shift+t: 删除当前标签

&nbsp表示空格
三.案例标签
<h1></h1>:标题标签<h1>定义最大的标题,<h6>定义最小的标签
<hr />:标题标签,在HTML页面中创建一条水平分隔线,用于定义内容中的主体变化
    size属性:水平线的高度,单位像素
    noshade属性:没有阴影,取值noshade,表示显示纯色
<font>: 字体标签:用于设置字体尺寸,字体颜色.
    size属性:设置字体的大小,从1-7, 7最大,1最小,浏览器默认值是3.
    color属性:设置字体的颜色
            颜色的取值:#000000 表示黑,#FFFFFF表示白色
            #FF0000表示红色  ,#00FF00表示绿色 , #0000FF表示蓝色
<b></b>:格式化标签 ,表示粗体
<i></i>: 格式化标签,表示斜体
<p></p> :段落标签:定义段落,p标签会自动在其前后创建一些空白
<br />:段落标签:插入单个换行

<img />:图片标签 ,在HTML页面中引用一张图片
    src:指定需要显示图片的URL(路径)
    alt:图片无法显示时的替代文本
    width:设置图像的宽度
    height:定义图像的高度

<ol>:列表标签:有序的列表:可以用:A a l i 1表示
<ul>:列表标签:无序的列表:type 符号的类型disc:实心圆   square:方块   circle:空心圆eg:type=disc
<li>:定义列表项:是<ul>或<ol>的子标签


<a>超链接标签:在HTML页面提供一种可以访问其他位置的实现方式
        href:用于确定需要显示页面的路径(URL)
        target:确定以何种方式打开href所设置的页面,常用_blank(在新窗口中打开href确定的页面
                                 _self(默认的,在当前页面打开)                        )


表格标签:<table> <tr> <td> <th>
     <table>:是父标签,相当于整个表格的容器,
    border:表格边框的宽度.width:表格的宽度.
    bgcolor:表格的背景颜色
    cellpadding:单元边沿与其内容之间的空白
    cellspacing:单元格之间的空白

    <tr>:标签用于定义行
    <td>:标签用于定义列:colspan:单元格可横跨的列数,把一整行都能合并
                rowspan:单元格可横跨的行数,把一整列都能合并
                align:单元格内容的水平对齐方式,取值:left 左, right右,center居中.
                nowrap:单元格中的内容是否折行
    <th>:标签用于定义表头.单元格内的内容默认居中,加粗



框架标签:<frameset>:是多个页面整合在一起的一个集合(框架集),每一个页面(框架)都是单独的文档
            需要使用子标签<frame>来确定页面的位置.<frameset>通过列和行来确定整体布局
            使用cols确定列数,使用rows确定行数.多个<frameset>可以嵌套使用

       注意:<frameset>与<body>两个不能共存.



框架子标签<frame>:用于设置<frameset>框架集中的一个页面(框架)    
            src属性:确定页面的路径
            noresize属性:框架分隔先不能移动
            target属性:确定需要显示的页面在何处显示
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值