慕课笔记:HTML基础之各种标签的使用

head标签:

head中可以有这些标签以及<base>标签

<head>
    <title>...</title>
    <meta>
    <link>
    <style>...</style>
    <script>...</script>
</head>

<title>中是标题信息,会出现在浏览器的标题栏,是head中唯一必须的元素。


<base>标签为页面上所有连接规定默认地址或默认目标,这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。


<meta>可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词,定义了与文档相关联的名称/值对。


<style> 标签用于为 HTML 文档定义样式信息。在 style 中,您可以规定在浏览器中如何呈现 HTML 文档,type 属性是必需的,定义 style 元素的内容,唯一可能的值是 "text/css"。


<body> 标签:把我们希望展示的网页内容放在body里。


<p>段落


<hx>文章内标题,分为6级,h1,h2,h3,h4,h5,h6重要性依次递减


<em> 表示强调,斜体


<strong>表示更重要的强调,粗体


<span>为文字设置单独样式


<q>文本引用,看起来只是加了双引号,真正的意义是其语义:引用别人的话


<blockquote> 长文本引用,浏览器对其进行缩进处理


<br>分行


<hr> 添加水平衡线,类似<br>,是没有意义的一行横线,可以使用css样式表对其修改。


<address> 为网页加入地址信息,网页上显示为斜体


<code>加入一行代码


<pre>加入大段的代码


<ul>-<li>  没有前后顺序的信息列表,<li>是<ul>的子节点,每项<li>之前自带一个圆点。

<ol><li>带有前后顺序的信息列表,每一项<li>之前有个数字代表序号。


<div> 相当于一个容器,把一些独立的逻辑部分划分出来当做一个单独的块。


<table> 表格,其中包含<tr><td><th>以及<caption><thead><tbody><tfoot> 标签

<tr> 表格的一行,有几对表格就有几行

<td> 一个单元格,一行中有几对<td>就说明一行中有几列

<th>表格头部的一个单元格,一般相当于第一行的<td>

<thead><tbody><tfoot>,有的表格比较长,可以划分为类似网页中包含head,body部分这样,把表格划分为题头、正文、脚注。 


<caption> 为表格添加标题和摘要,可以写在<table>后面一行


<a>实现超链接,<a  href="目标网址"  title="鼠标滑过显示的文本">链接显示的文本</a>


<img>插入图片  <img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">



表单标签:

<form> 为用户输入创建HTML表单,<form   method="传送方式"   action="服务器文件">.action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php);method : 数据传送的方式(get/post);//可以包含input元素以及 menus、textarea、fieldset、legend 和 label 元素。


<input>,<input type="text/password" name="名称" value="文本" />,type:   当type="text"时,输入框为文本输入框;   当type="password"时, 输入框为密码输入框;name:为文本框命名,以备后台程序ASP 、PHP使用;value:为文本输入框设置默认值。(一般起到提示作用)


<input>,<input   type="radio/checkbox"   value="值"    name="名称"   checked="checked"/>当 type="radio" 时,控件为单选框   当 type="checkbox" 时,控件为复选框;value:提交数据到服务器的值(后台程序PHP使用);name:为控件命名,以备后台程序 ASP、PHP 使用;checked:当设置checked="checked" 时,该选项被默认选中//同一组的单选按钮,name值必须相同才能起到单选作用。


<textarea>文本输入域,可以输入大段文字; <textarea  rows="行数" cols="列数">文本</textarea>;<textarea></textarea>标签之间可以输入默认值


<select>下拉列表框;

<select>
      <option value="看书">看书</option>
      <option value="旅游" selected="selected">旅游</option>
      <option value="运动">运动</option>
      <option value="购物">购物</option>

    </select>   value,是要向服务器提交的值,标签之间是显示的值,selected = “selected”则默认选中,<select  multiple="multiple">,则可以进行多选


<input> 表单中有两种按钮,分别为提交和重置,<input   type="submit"   value="xx">;type="submit"为提交,“reset”为重置


<label> 作用是点击label标签内的文本,可以自动选中和该label标签相关联的表单控件上。




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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值