html 总结

1.html超文本标记语言,不是编程语言,是一门描述性的语言。html负责网站的结构,css是负责的外观,javascript是负责行为。

HTML结构

<html> 

<head>

<title></title>

</head>

<body>

</body>

</html>

3.文本与段落标签

<p>段落标签</p>

<br/>换行标签

<h1>标题标签</h1>

<div>块级标签</div>

<span>行内标签</span>

块级元素和行内元素的区别

块级元素独占一行 ,块级元素内部内部可以加行内标签和块级标签

行内元素,可以与其他的行内元素在一行,内部只能放行内标签。

块级元素有 :h1-h6   ,p ,div, 行内元素  ,span ,em,b,等

4.文本格式化标签

<cite>引用</cite>

<b>粗体</b>

<strong>加强语气</strong>

<s>删除线</s>

<u>下划线</u>

<em>斜体</em>

<hr/ size=“” color=“”>水平分割线

特殊标签

&nbsp;   空格

&lt;   <

&rt;  >

&reg; 注册商标

&copy;版权信息

5.列表(有序列表,无序列表,自定义列表)

无序列表( unordered list ) 默认是列表数字1,2,3 但是可以通过type 属性该表列表的序列。

语法:<ul type="">

             <li></li>

             <li></li>

        </ul>

有序列表(ordered list)默认是列表项一个黑圈通过type属性改变 type 值可以是  circle square  。

  语法:<ol>

              <li></li>

              <li></li>

          <ol>

自定义列表:(definition term)用于描述

语法:<dl>

        <dt></dt>

       <dd></dd> 

       <dt></dt>

       <dd></dd> 

       </dl>

6.表格 由行(row)和单元格(cell)组成,<tr>表示行<td>表示单元格表格默认是没有边框的,表头<th> 表标题<caption>为了结构化表格加上了thead tbody tfoot,

合并行 clospan 合并单元格rowspan  表格与单元格的距离cellspacing  单元格和内容的距离 cellpadding

语法:<table>

<thead>

   <tr>

  <th>表头</th>

  </tr>

<thead>

<tbody>

  <tr>

  <td>单元格</td>

  </tr>

<tbody>

<tfoot>

  <tr>

  <td>单元格</td>

  </tr>

</tfoot>

   </table>

7.图片标签 在网页上显示一张图片   src 是指明路径  alt 图片加载不全的时候显示的文字  title 当鼠标放在图片上提示的文字信息  图片是用相对路径

语法:<img src="" alt="" title=""/>

8.超链接标签 实现跳转链接  属性 href链接地址  属性target 目标 值一般是_self _blank _parent _top 实现锚链接  的方式是,在目标链接上加上#id名字 在标签上加上id名字

语法:<a href=“” target=""></a>

9.表单form 用于 后台提交数据 form标签 有method属性 值是post ,action提交到哪里的值,name 为表单取名字方便后台获取值, 必须写在form内部才是有效的。

form表单包括三部分,input标签类  textarea文本域   select下拉框

语法:<input type="text"/>表示一个文本框 属性有size 最大值   maxlength 最大的值  name取得名字  value="初始值"

   <input type="password"/>表示一个密码框

  <input type="button"/>表示一个按钮

 <input type="reset"/>表示一个重置按钮

<input type="submit"/>表示一个提交按钮

<input type="image"/>表示一个图片,可以设置为图片按钮

<input type="file"/>表示一个可以上传文件的

<input type=" radio"/>表示一个单选按钮  属性值name 值为一样 value属性

<input type="checkbox"/>表示一个复选框 不需要给name 属性  需要给定value 和<lable for></lable>一起使用   属性还有 multiple表示可以多选按住Ctrl键,size表示显示的个数。

<input type="hidden"/>表示一个隐藏域

<textarea rows="横跨的行" cols="横跨的列">里面是初始值</textarea>

<select name="" multiple="是否为多选" size="显示的个数" >

 <option value="值" selected="selected是否被选中"></option>

 <option value="值"></option>

</select>

10.音频视频标签

<embed src="" width="" height=""/>

<bgsound src=""/>

11.浮动框架

<iframe src="浮动框架的源文件" width="浮动框架的宽" height="浮动框架的高" scrolling="是否滚动"></iframe>

 
原文地址:https://www.cnblogs.com/benpaodegegen/p/5860975.html