html常用标签基础

 
1:HTML架构
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
有三种:  Strict(严格型)、 
             Trasitional(过渡型)、 
             Frameset(框架型)
 
2:HTML语言
 
 1 : 文本标题标签
文本标题共有6个(h1-h6)
<h1>一级标题</h1>(唯一性,放网站LOGO)
<h2>二级标题</h2>
...
<h6>六级标题</h6> 
 
2:字体倾斜&加粗标记
文本倾斜:
    <i></i>
    <em></em>
文本加粗:
    <b></b>
    <strong></strong>
 
3:下划线
<u></u>
 
4 : 换行&水平线
<br>
<hr>
 
5:上标&下标
<sup></sup>
<sub></sub>
 
 6 : 段落标记
<p></p>
 
 7 : 字符 ( 小段文本 )
<span></span>
 
 8 : 常用转义字符
&nbsp;     不换行空格
&gt;       >右尖括号
&lt;       <左尖括号
&copy;     备案中图标版权 ©
 
9 :列表
?       (1) 无序列表
         <ul>
               <li>列表项内容</li>
               <li>列表项内容</li>
               <li>列表项内容</li>
               ........   
         </ul>
?       (2)有序列表
         <ol>
               <li>列表项内容</li>
               <li>列表项内容</li>
               <li>列表项内容</li>
               ........   
        </ol>
type:规定列表中的列表项目的项目符号的类型
语法:<ol       type=“ a"></ol>
1 数字顺序的有序列表(默认值)(1, 2, 3, 4)。
a 字母顺序的有序列表,小写(a, b, c, d)。
A 字母顺序的有序列表,大写(A,B,C,D)
i 罗马数字,小写(i, ii, iii, iv)。
I 罗马数字,大写(i, ii, iii, iv)。
start 属性规定有序列表的开始点。(start的属性值必须是数字)
语法:<ol start="5"></ol>
?       (3)自定义列表
          <dl>
               <dt></dt>
               <dd></dd>
         </dl>
 
10 : 超链接
<a></a>
    属性:
        href = ‘url‘
        target = "_blank  /  _self";
        title = ‘文本提示‘
    拓展:
        rel = ‘nofollow‘;
 
11 : 图片
<img>
    属性:
        src = ‘url‘;
        alt = ‘ 标签 实例 带有指定替代文本的图像‘  
        title = ‘文本提示‘
        width = ‘‘
        height = ‘‘
        border = ‘‘
   图片 title 和 alt区别:
    alt:
        1、alt属性是考虑到不支持图像显示或者图像显示被关闭的浏览器的用户,以及视觉障碍的用户和使用屏幕阅读器的用户。当图片不显示的时候,图片的替换文字。
        2、alt属性值得长度必须少于100个英文字符
        3、alt属性是img标签的必须属性,如果没有特别意义的图片,可以写
        4、alt属性是搜索引擎判断图片与文字是否相关的重要依据,alt属性添加到img主要的目的才是为了SEO
    title:
        1、title属性并不是必须的。
        2、title属性规定元素的额外信息,有视觉效果,当鼠标放到文字或是图片上时有文字显示。
        3、title属性并不作为搜索引擎抓取图片的参考,更多倾向于用户体验的考虑。
 
12 : 相对路径
(同级)
    1)当当前文件与目标文件在同一目录下,直接书写目标文件的文件名+扩展名;
(上级找下级)
    2)当当前文件与目标文件所处的文件夹在同一目录下,写法如下:
    文件夹名/目标文件全称+扩展名;
(下级找上级)
    3)当当前文件所处的文件夹和目标文件在同一目录下,写法如下:
    ../目标文件文件名+扩展名;
 
13 : DIV

 

14 : HTML注释
<!-- 注释 -->
 
15: 表格
(1) : 表格基本结构
```html
<table>
    <tr>
        <td></td>
        <td></td>
    </tr>
</table>
<!-- 
    table 为表格
    tr 行
    td 列(每一个单元格)
-->
 
(2):表格的html属性
1)width="表格的宽度"
2)height="表格的高度"
3)border="表格的边框"
4)bordercolor="边框色"
5)cellspacing="单元格与单元格之间的间距"
6)cellpadding=“单元格与内容之间的距离"
7)align="表格水平对齐方式"     取值:left、right、center、
     valign=“垂直对齐” top\bottom\middle
8)合并单元格属性:(td)
     合并列: colspan=“所要合并的单元格的列数"
     合并行: rowspan=“所要合并单元格的行数”

 

html常用标签基础

上一篇:CSS 清除浮动的方法


下一篇:什么是CSS3 2D 转换