HTML的学习一:

来源:互联网 发布:qq农场软件 编辑:程序博客网 时间:2024/05/21 11:26

1.HTML学习分为3个部分:<html><head><title></title></head><body></body></html>元素与标签
2.标题元素可以从<h1>到<h6>,段落<p>
3.列表:有序和无序
  <ol type =""><li></li></ol>默认为阿拉伯数字排序,同样也可以由“A”,“a","I","i",其他属性建议使用样式取代
  <ul type=""><li></li></ul>默认为disc|square |circle 属性都不赞成使用
自定义列表不仅仅是一列项目,而是项目及其注释的组合。
自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。右列为显示结果
 <dl>
   <dt>计算机</dt>                                                     计算机
   <dd>用来计算的仪器 ... ...</dd>                                     用来计算的仪器 ... ...
   <dt>显示器</dt>                                                     显示器
   <dd>以视觉方式显示信息的装置 ... ...</dd>                 以视觉方式显示信息的装置 ... ...
</dl>
4.<h1 align="">水平线<hr></hr>表示换行<br>文本格式化<pre>格式<adress></adress> 还有就是删除样式格式文本<del></del>
5.HTML的大多数HTML元素的属性:class,id,style,title
6.对于字体下划线控制,最好不用<u>而是使用style属性如生成一个没有下标线的链接
   <a href="/example/html/lastpage.html" style="text-decoration:none">
   这是一个链接!
  < /a>
   也可以在链接的后面加上#锚点,就可以直接链接到锚点。这里的锚点是用标签的name来确定的,当然你也可以使用id来验证。
7.在样式表时,
  1)可以使用外部样式表这时在<head></head>标签内使用<link rel="stylesheet" type="text/css" href="mystyle.css">其中rel为relationship
     这里的styleSheet表示的是当前属于样式表引用。
  2)可以使用内部样式表在head中进行声明。
     <head>
       <style type="text/css">
        body {background-color: red}
        p {margin-left: 20px}
       </style>
     </head>
  3)可以使用内联方式<p style="color: red; margin-left: 20px">This is a paragraph</p>
原创粉丝点击