HTML标签基础知识

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>

&nbsp; 空格

<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>标签  点击自动对焦与其关联的控件

 


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值