您的位置：首页 > Web前端 > HTML

HTML标签基础知识

2016-08-05 17:00 363 查看
HTML标签基础知识

html由两部分组成<head>以及<body>

<head>标签内有

<meta>:文件描述

<meta

http-equiv="Content-Type"

content="text/html; charset=utf-8">

<style>：样式；

<script>：脚本;

<title>标题，

<link>：链接外部样式（CSS）

<link

rel="stylesheet"

type="text/css"

href="theme.css"

/>

<body>标签:

<p>段落

<h1><h2><h3><h4><h5><h6>一级到六级标题
字体大小从大到小

<strong>增强文本
变黑&加粗

<em>增强文本
斜体字

<q>引用文本
自动增加双引号

<blockquote>长文本引用
自动换行简单排版

<br/>
相当于换行 or <br>

 
空格

<hr
/> or <hr> 分割线 一般用于段落

<address>
地址信息 斜体字

<code>
单行代码

<pre>多行代码

<ul>-<li>
无顺序列表信息

<ol>-<li>
带顺序列表信息

<div>标签
一般用于版本分块 增加属性 id=""以区分 标记

  <table>表格标签:

<tbody>表格全部加载完才显示， 没有tbody则加载多少显示多少

<tr>一行

<td>单元格

<th>列头

 <table>summary=“摘要” 属性为摘要

table下 <caption>为表格标题

 

   <a>标签：超链接标签

 属性： href=“”  链接         title="" 鼠标停留所显示的文本   target="_blank"表示新建一个窗口打开链接 默认为当前窗口打开

         <a>标签也可以作为邮件地址的链接

属性:  href="mailto:地址?cc=抄送地址&bcc=密件抄送地址&subject=主题&body=邮件内容"  多个则用 分号 ; 隔开

  <img>标签 

属性： src="图片地址"   alt="图片载入失败时显示的文本信息" title="鼠标停留提示的信息"

 <form   method="get/post" action="xxx.php">表单

 <input>输入框  

属性： type：{ reset:输入框重置按钮   submit 表单提交按钮  text文本输入框 password 密码输入框  radio单选框 checkbox复选框}   name ：参数名 value：参数
的值

注意：radio时   name需要一致才能达到单选的效果    

 <select>下拉列表框

<option value="值">显示的文本</option>

 </select>    属性： multiple="multiple" 则可以多选

<label>标签  点击自动对焦与其关联的控件

 
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  html
相关文章推荐
新的分享
章节导航