HTML基础知识(未完待续)

2018-06-24 01:42:04来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

一、HTML编辑工具:Sublime Text

二、HTML实体字符:1、( 空格):&nbsp; 2、(<) &lt; 3、(>)&gt; 4、(&)&amp; 5、(“)&quot;等

三、基本HTML标记:

注释标记:<!-- 这是注释内容 -->

换行标记:<br/>  

段落标记: <p></p>    段落标记p可以较大行距区分不同段落

标题标记:<h1></h1>  <h2></h2>  <h3></h3>  <h4></h4>  <h5></h5>  <h6></h6>   h1最大h6最小

预格式化文本标记:<pre></pre>   pre标记可以让文本以预定义的格式显示

块标记:<div></div>   <span></span>

定义标记:<dl></dl>  <dt></dt>  <dd></dd>

 1 <dl>
 2     <dt>关于好时</dt>
 3     <dd>品牌历史</dd>
 4     <dd>好时公司</dd>
 5     <dd>关注好时</dd>
 6 </dl>
 7 
 8 <dl>
 9     <dt>美味好时巧克力</dt>
10     <dd>好时之吻巧克力</dd>
11     <dd>好时榛吻巧克力</dd>
12     <dd>好时巧克力</dd>
13 </dl>

列表标记: 1、无序列表:<ul></ul>    2、有序列表:<ol></ol>   3、列表项<li></li>

1 <ul type="circle">
2     <li>html</li>
3     <li>css/li>
4     <li>javascript</li>
5     <li>jquery</li>
6     <li>bootstrap</li>
7 </ul>
1 <ol type="A">
2     <li>html</li>
3     <li>css</li>
4     <li>javascript</li>
5     <li>jquery</li>
6     <li>bootstrap</li>
7 </ol>

水平线标记:<hr/>

图像标记:<img></img>     注:src="   " 表示图片位置       alt=“  ” 表示提示语句

1 <img src="pic1.jpg" alt="床上用品" width="200" height="200" />

 

四、其他HTML常用标记

斜体字:<i></i>

粗体字:<b></b>

强调(加粗字体):<strong></strong>

删除:<del></del>

下标:<sub></sub>

上标:<sup></sup>

链接:<a href="  "></a>

地址:<address></address>

正序逆序:<bdo></bdo>

显示HTML的缩写:<abbr title="Hyper Text Markup Language">HTML</abbr>

 1 <i>斜体</i>
 2 <b>粗体</b>
 3 <strong>强调文本</strong>
 4 
 5 <address>卡子门</address>
 6 <!--正序   显示this is an apple-->
 7 <bdo dir="ltr">
 8     this is an apple
 9 </bdo>
10 <br/>
11 <!--逆序   显示elppa na si siht-->
12 <bdo dir="rtl">
13     this is an apple
14 </bdo>
15 <br/>
16 <!--sub下标-->
17 x<sub>2</sub>
18 <br/>
19 <!--sup上标-->
20 x<sup>2</sup>
21 <br/>
22 <abbr title="Hyper Text Markup Language">html</abbr>

五、HTML头部标记

脚本标记:<script>

内部样式标记:<style>

外部样式等资源标记:<link>

 页面标题标记:<title>

基准路径标记:<base>

元信息标记:<meta>

 六、链接

内部链接:到同一文档内或同一网站内的其他部分的链接

外部链接:到其他网站或服务器上的页面的链接

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:【原】font-awesome IE6支持代码本人测试成功

下一篇:BootStrap selectpicker后台动态绑定数据