Html小知识点和sublime部分用法

—:主要的开发工具:

 chrome     sublime     photoshop

二:web标准有三个标准组成:

 1,结构标准:结构用于对网页元素进行整理和分类,我们主要学的是HTML。
 2,表现标准:表现用于设置网页的版式、颜色、大小等外观样式,主要指的是css。
 3;行为标准:行为是指网页模型的定义及交互的编写,我们主要学的是javascript。

三:关于HTML的表述:

 1:HTML是超文本标记语言。
 2:HTML不是一种编程语言,而是一种标记语言。
 3:标记语言是一套标记标签。
 4:静态网页设计

四:HTML骨架形成快捷键:

 —:HTML5的文档类型: 
          1:html:5
          2:!
 二:HTML4.0-4.1和XHTML1.0:
          1:html:xt(较严谨);
          2:html:xs(不严谨);

五:字符集类型常用概括:

 1:utf-8是全世界通用;
 2:GB2312 简单中文 不全面;
 3:GBK包含全部中文字符;

六: HTML的常用标签:

 1:<hn>  </hn> 标题标签。可以从1-6;最多六个标题,从前到后题目大小逐渐减少;
 2:<p>  </p>  段落标签;会根据浏览器的窗口大小自动换行;
 3:<hr /> 水平线标签,单标签;
 4:<br /> 换行标签,单标签;
 5:<div>  < /div> 没有语义,纯盒子用,会强制类占一行;
 6:<span>  < /span> 没有语义,纯盒子用,可以多个词占一行;
 7:文本格式化标签:
               1: <b>  < /b> <strong> < /strong>  给文字加粗,推荐使用strong,以下类同;
               2:<i>  </i>  <em>  < /em>  斜体显示,推荐使用em;
               3:<s>  </s>  <del>  < /del> 给文字加删除线,推荐使用del;
               4:<u>  < /u>  <ins>  < /ins> 给文字加下划线,推荐使用ins;
 8:<img />  图像标签,单标签;
                   <img />标记属性:
               1:src:图像的路径;
               2:alt:图像不能显示时的替换文本;
               3:title:鼠标悬停时显示的内容;
               4:width:设置图像的宽度;
               5:height:设置图像的高度; 
               6:border:设置图像边框的宽度;     
 9:<a>  < /a> 链接标签 。用法如下:
          表示: <a href="跳转目标" target="目标窗口的弹出方式">文本或图像< /a>
               1:target的值有两种  self,blank;blank在新窗口打开;
               2:外部链接 需要添加 http://
               3:没有确定链接目标时,将href="#"   表示暂时为一个空链接;
               4:锚点定位:
                         1:使用“a href=”#id名  链接文本;
                         2:使用相应的id名标注跳转目标的位置;
               5:"~"符号在ASP.NET里表示当前网站的根目录。但是这个符号对于HTML的相对路径来说是不管用的;
 10:<base />  base标签,单标签,可以设置整体链接的打开状态;
 11:常用的特殊字符标签:
               1:空格符,&nbsp;
               2:小于号,&lt;
               3:大于号,&gt;
               4:版权,&copy;
 12:<!-- 注释语句 -->  注释标签,在程序里不显示,便于团队合作观看;
 13:列表标签:
               1:无序列表:
                        <ul>
                              <li>    < /li>
                        < /ul>  
                        ul标签里只能放li,li标签里可以放任何东西。且二者是成组存在的。
                2:有序列表:
                         <ol>
                               <li>   < /li>
                         < /ol>
                         一般情况下 很少用ol标签,一般都只用ul。
                      
                3:自定义列表:
                          <dl>
                                <dt>名词< /dt>
                                <dd>名词解释< /dd>
                          < /dl>
 14:meta标签,单标签:
                1:声明当前使用的字符集;
                2:<meta name ="description"  content=" "/> 给网站添加描述信息,便于搜索引擎搜索;  
                3:<meta name ="keywords"  content=" "/>给网站添加搜索关键字;                              

七: sublime的用法:

                1:不需要完全输入一个标签,只需要输出标签的名字,然后点tab键;
                2:ctrl+鼠标滚轮:调整当前文档的显示字号大小;
                3:ctrl+shift+d:复制当前行;
                4:ctrl+shift+k:删除当前行;
                5:标签名*N 然后点击tab键 :自动生成N个连续的相同的标签;
                6:ctrl+shift+向上箭头 :上移当前行;
                7:ctrl+shift+向下箭头: 下移当前行;
                8:div>p>img 点击tab键 <=>   <div><p><img src=" "  alt=" "/>< /p>< /div>;
                9:F12 快速打开浏览器查看当前页面效果;
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值