menu
more_vert

html基础1(环境准备、标签)

作者:dayu

2.3段落标签

<p></p>,前后的元素都会被换行

<body>
        <h1>Python</h1>
         《Python 3程序开发指南》本书首先讲述了构成Python语言的8个关键要素,之后分章节对其进行了详尽的阐述,包括数据类型、控制结构与函数、模块、文件处理、调试、进程与线程、网络、数据库、正则表达式、GUI程序设计等各个方面,并介绍了其他一些相关主题。全书内容以实例讲解为主线,每章后面附有练习题,便于读者更好地理解和掌握所讲述的内容。

         <p>
            Mark Summerfield,Qtrac公司的所有人,同时还是一位在Python、C++、Qt以及PyQt等领域卓有专长的独立培训专家、顾问、技术编辑与作者。Mark Summerfield撰写的书籍包括《Rapid GUI Programming with Python》以及《Qt:The Definitive Guideto PyQt Programming》(Addison—Wesley,2008),并与Jasmin Blanchette共同编写了《C++GUI Programming with Qt 4》(Addison—Wesley,2006)。作为Trolltech的文档管理者,Mark创立了并负责编辑Trolltech的技术杂志《Qt Quarterly》。
         </p>
</body>

效果:

技术分享

2.4特殊符号 &lt; &gt; amp; &copy;

  <h2>特殊符号使用</h2>
     <p>&amp;lt;h1&amp;gt;Python&lt;;h1&gt;</p>
     <p>小于 ------&amp;lt;</p>
     <p>大于 ------&amp;gt;</p>
     <p>&amp; ------&amp;apm;</p>
     <p>版权号 ----&copy;<p>
     <p>空格 ------&nbsp;&nbsp;&nbsp;------</p>
     <p>叉 ------ &times;</p>
     <p><br/></p>

效果:

技术分享

2.5标签

sub编辑器 ctrl+alt+enter输入p等关键字,可对所选区加标签

alt+shift+w

sub编辑器 ctrl+d 多选,选中后可esc键,撤销关键词

谷歌浏览器ctrl+r 刷新

b 加粗

p 段落

strong 同加粗区别是能被SEO搜索引擎优化

a<a href="">This is a标签</a> 增加跳转

<a href="http:\\www.baidu.com">This is a标签</a>  #跳转到百度
<a href="#">This is a标签</a>  #跳转到当前页面

<a href="#" name="top">this is top</a>  <!--跳转的位置-->
<a href="#top">This is a标签</a>    <!--跳转到上文-->

<p id="p">  <!--其它类型标签跳转,只能取一次-->
<a href="#p">This is a标签</a>  

2.6图片

1)BMP 点阵图,占用空间大,色彩丰富。

2)JPEG,JPG 有损压缩,在页面中一般都采用此格式

3)gif 动图

4)png 支持Alpha通道,支持透明,半透明,支持无损压缩

<img src="" alt="" width="500" height="" />

src:图片路径

width:宽度,单位像素

height:高度

alt:搜索引擎关键字

2.7列表

1)无序列表

disc:圆形黑色实心

square:方形黑色实心

circle:空心圆

    <ul type="square">
         <li>111</li>
         <li>222</li>
         <li>333</li>
         <li>444</li>
     </ul>

2)有序列表

<ol>
li{$@5}*3 #sub中从5开始创建创建3列
</ol>

i:小写罗马字符序列号

I:大写罗马字符序列号

A:大写字母序列号

a:小写字母序列号

     <ol type="I">
         <li>5</li>
         <li>6</li>
         <li>7</li>
     </ol>

3)定义一个列表

     <dl>
         <dt>标题1</dt>
         <dd>data定义数据</dd>
     </dl>

html基础1(环境准备、标签)

原文地址:http://www.cnblogs.com/Taj-Zhang/p/7521543.html