码迷,mamicode.com
首页 > Web开发 > 详细

HTML学习第一天

时间:2018-01-31 22:22:24      阅读:264      评论:0      收藏:0      [点我收藏+]

标签:划线   col   bsp   依次   快捷   保存   leaks   font   注释   

学习内容:

1.单标签、双标签的结构:单标签<标签名 属性名=“属性值”> ;双标签<标签名 属性名=“属性值”>内容</标签名>

ps:标签必须被正确关闭,标签名、属性名采用小写,符合规范。

2.DW快捷键:

ctrl c 复制; ctrl v 复制;
ctrl a 全选; ctrl s 保存;
ctrl z 撤销; ctrl f 查找替换;
ctrl d 自动复制;ctrl u 首选项;

3.注释标签:<!--注释内容-->

1 <!--这是注释-->

5.标题标签: h1;h2;h3;h4;h5;h6 效果为黑体加粗,字号依次递减

1 <h1>这是标题1</h1>
2 <h2>这是标题2</h2>
3 <h3>这是标题3</h3>
4 <h4>这是标题4</h4>
5 <h5>这是标题5</h5>
6 <h6>这是标题6</h6>

6.段落标签:<p></p>

1 <p>根据此前爆料达人Slashleaks给出了小米MIX 2S真机渲染图来看,它的背面依然延续小米MIX 2的设计风格,同样只配备了单摄像头,继续采用背部指纹识别,且还有18K金装饰环,整机依旧使用全陶瓷材质。另外可以看得出来,该机的屏占比相比MIX 2更加激进,正面除了顶部一个极小的摄像头开孔外,剩下的基本上都是屏幕。这样的设计使得屏占比非常高,想必视觉效果会很震撼。</p>

7.上标、下标 上标:<sup></sup>;下标:<sub></sub>

H<sub>2</sub>O<br/>
a<sup>2</sup>+b<sup>2</sup>+2ab=(a+b)<sup>2</sup><br/>
y=ax<sup>2</sup>+bx+c<br/>
(a-b)<sup>2</sup>=a<sup>2</sup>+b<sup>2</sup>-2ab

8.水平标线 <hr/>

1 <hr/><!--这是一条水平线-->

9.big small u s 标签

(1)big 大号字体

1 <big>这是大号字体</big>

(2)small 小号字体

1 <small>这是小号字体</small>

(3)u 下划线

1 <u>这是下划线</u>

(4)s 删除线 

1 <s>这是删除线</s>

10.列表:有序列表;无序列表;定义列表

(1)有序列表 <ol></ol>,根据type属性改变标号,type有:A;a;I;i等,列表项位<li>内容</li>

1 <ol type="A">
2 <li>苹果</li>
3 <li>香蕉</li>
4 <li>芒果</li>
5 </ol>

(2)无序列表 <ul></ul>,根据type属性改变标号形状,type有:disc;circle;square,实心圆,空心圆,实心方形

<ul type="disc">
<li>鸡蛋</li>
<li>牛奶</li>
<li>粗粮</li>
</ul>
<hr/>
<ul type="circle">
<li>鸡蛋</li>
<li>牛奶</li>
<li>粗粮</li>
</ul>
<hr/>
<ul type="square">
<li>鸡蛋</li>
<li>牛奶</li>
<li>粗粮</li>
</ul>

11.定义列表:<dl><dt>列表项名称</dt><dd>列表项解释</dd></dl>

 1 <dl>
 2 <dt>
 3 美国
 4 </dt>
 5 <dd>
 6 北美国家,官方语言英语。
 7 </dd>
 8 <dt>
 9 中国
10 </dt>
11 <dd>
12 亚洲国家,官方语言汉语。
13 </dd>
14 </dl>

 

                                                                                                                                                                                                                               2018/01/31

 

HTML学习第一天

标签:划线   col   bsp   依次   快捷   保存   leaks   font   注释   

原文地址:https://www.cnblogs.com/whwjava/p/8393322.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!