HTML_标签

1.文本显示标签:

标签	显示效果
<b></b>,<strong></strong>	粗体
<i></i>,<em></em>	斜体
<s></s>,<del></del>	加删除线
<u></u>,<ins></ins>	加下划线

2.图片标签:        <img 属性="属性值"/>

属性	属性值	作用
src	URL	图片路径(相对路径/绝对路径)
alt	文本	图片不能显示时,用该文本替换
width	像素px	图片宽度
height	像素px	图片高度
border	数字px	图片边框的宽度
title	文本	鼠标停在图片上时,显示的内容

3.链接标签:        <a href="跳转的网址/路径" target="新窗口弹出的方式">文本或图片</a>

4.列表标签:

        无序列表:        ul

<ul>
  <li>列表项1</li>
  <li>列表项2</li>
  ......
</ul>

        有序列表:        ol

<ol>
  <li>列表项1</li>
  <li>列表项2</li>
  ......
</ol>

5.表格标签:

<table>
  <!-- tr定义一行 -->
  <tr>
    <td>单元格内的文字</td>
    ...
  </tr>
  ...
</table>

属性名	含义	属性值
border	表格边框	像素px
cellspacing	单元格与单元格边框之间的空白间距	像素px
cellpadding	单元格边框与单元格内容之间的空白间距	像素px
width	表格宽度	像素px
height	表格高度	像素px
align	表格水平对齐方式	center,left,right

                 表格边框设置        细线边框:        border-collapse:collapse表示相邻边框合并在一起

        注:       

                有些时候需要表头加粗居中显示,则可以使用<thead></thead>和<tbody></tbody>

<table>
    <thead>
        <th>表头neirong</th>
    </thead>
    <tbody>
        <tr>
            <td>单元格内的文字</td>
            ...
        </tr>
        ...
    </tbody>
</table>

                表格标题:        caption

<table>
    <!-- 紧随 table 标签之后 -->
	<caption>我是表格标题</caption>
</table>

                单元格合并:        删除的个数 = 合并的个数 - 1

<table>
  <!-- rowspan:跨行合并 -->
  <tr rowspan="删除单元格的个数">
    <td>单元格内的文字</td>
    ...
  </tr>
  <tr>
    <!-- 跨列合并:colspan-->
    <td colspan/rowspan="删除单元格的个数">单元格内的文字</td>
    ...
  </tr>
  ...
</table>

6.表单标签:        <form 属性="属性值">各种控件</form>

<form action="url地址" method="提交方式">
  各种表单控件
</form>

        a.        <input 属性="属性值"/>:

属性	属性值	作用
type	text	文本输入框
	password	密码输入框
	file	文件域
	checkbox	复选框
	button	普通按钮
	submit	提交按钮
	rest	重置按钮
	image	图片提交按钮
	radio	单选框
name	用户定义	控件的名称
value	用户定义	默认文本值
size	正整数	显示宽度
checked	checked	该控件默认被选中
placeholder	用户定义	提示文本

                注:radio属性值如果是同一组,必须给他们的控件命名相同的名字name属性值,否则不生效

        b.文本域:        <textarea 属性="属性值">文本内容</textarea>

<textarea cols="宽度 " rows="高度">文本内容</textarea>

        c.下拉框:        <select></select>

<select>
  <!-- 当option中有selected属性时,当前项即为默认选中项 -->
  <option selected="selected">选项1</option>
  <option>选项2</option>
  <option>选项3</option>
  ...
</select>