HTML

超文本标记语言 html5
建立一个HTML文件：文件名 . 后缀(html)
 
解析：就是去识别
注释：就是给开发人员开的批注------浏览器不去解析（不去输出）
 
HTML的整体框架
<!DOCTYPE html>
<html>
　　<head>
　　　　<meta charset="utf-8">
　　　　<title></title>
　　</head>
　　<body>
　　</body>
</html>
 
 
在body中具体有哪些常用的标签
文本标签
<b></b>  加粗标签
<i></i>    斜体标签
<p></p>  段落标签   每个段落和其他段落之间有一个间隙
<sub></sub> 下角标
<sup></sup> 上角标
<del></del> 删除线
<s></s>    删除线
和搜索引擎有关系的标签 SEO（搜索引擎优化）
<em></em>  强调功能
<strong></strong> 具有强调功能
strong  >  em
<h1></h1>     标题标签   从大到小  每一个都独立占去一行
......
<h6></h6>
在一个网页中最好只有一个h1标签
在html源代码中有多个空格只识别一个
 
格式标签
<br> 强制换行标签
<hr> 横线标签
<pre>原型输出标签
 
 
列表标签
<Ul> 无序列表
<li></li>  列表项
</Ul>
 
<ol> 有序列表
<li></li>  列表项
</ol>
 
<dl> 自定义列表
<dt></dt>
<dd></dd>
</dl>
 
超链接标签
<a></a>
  属性：
     Href：就是超链接跳转的地址
      target：_self:在本选项卡中打开
          _blank:在新的选项卡中打开
 
锚点
锚点的定义
<a name=”锚点名称” id=”锚点名称”></a>
锚点的使用
   <a href=”#锚点名称”></a>
 
多媒体标签
<img>   图片标签
属性：
src：就是需要加载图片的路径（URL）
width：设置图片的宽度
height：设置图片的高度
注意：为了避免图片失真宽度和高度最好只设置一个
border：设置图片的边框
alt:    第一个用法：
就是在图片没有加载出来的时候会把  
文字显示出来
       第二个用法：搜索引擎会根据alt的值 去判断这张图片上到底是什么
        title：就是鼠标放上去会有一个小的提示
<audio></audio> 音频标签
属性：src：需要加载的音频路径
   controls 控制按钮
<video></video> 视频标签
属性: src 需要加载的视频路径
   controls 控制按钮
   loop: 自动重播
   width：宽度
   height：高度
<embed> flash 动画标签
属性：
src： 就是需要加载的flash动画的路经
width:宽度
height:高度
宽度和高度同时去设置
 
 
 
<table></table> 表格标签
属性：border：就是给整个表格加边框
     width：给整个表格设置宽度
     align：center 会把整个表格相对于浏 览器居中
     right：会把整个表格相对于浏 览器居右
    left：会把整个表格相对于浏 览器居左（默认值）
bgcolor：设置整个表格的背景颜色
<tr></tr> 表格中的一行
属性：align：left：会把这一行的内容相对于单元格居左
   right：把这一行的内容相对于单元格居右
     center：把这一行的内容相对于单元格居中
     bgcolor：设置一行的背景颜色
 
 
<td></td> 一行中的一列
<th></th> 表头  比<td>要粗 自带居中属性
属性：align：left：会把这一行的内容相对于单元格 居左
   right：把这一行的内容相对于单元格居右
     center：把这一行的内容相对于单元格居中
在td中的优先级大于在tr中
         rowspan：合并行
         colspan： 合并列
         bgcolor：设置这个单元格的背景颜色
 
 
 
表单标签
<form></form> 表单标签
属性：
action: 就是这个表单的内容要提交到那个后台
method：就是表单提交的方式
get：以get方式提交
post：以post方式提交
所有的表单项都必须有name属性-不要写汉字
<input > 表单项
属性：type：
值：
 text:就是普通的文本输入框
 submit：就是一个提交按钮
Value：写一个你喜欢的字
 image：他是图片提交按钮
和他配合的必须有src
   radio：就是单选按钮
name 的值必须相同（如果不    同就不会是单选了）
  checked：默认选中值
checkbox:多选按钮
checked：默认选中值
hidden：隐藏域-就是后台可以接收到值，但是前台用户看不到
  password：密码输入框--就是输入的内 容会用....开代替
maxlength:控制用户输入的多少
disabled：禁用-就是后台也接收不到值
readonly：就是前台不能改，但是后台可以接收 到值
  size：设置text这个类型的大x小
placeholder：提示内容，点击输入内容后消失
    
<select></select> 下拉列表
属性：
    name：就是下拉列表的名字
<option></option> 下拉列表的列表项
属性：
Value：就是每个列表项对应的值
 
<textarea></textarea> 文本域
      属性：
name：文本域的名字
cols：控制列数
rows：控制行数
disabled：禁用 ---后台接收不到
readonly：只读 -- 后台可以接收到
 
 
 
框架集（分帧）---他可以插入到<body>中
一种是邪恶的分帧
<iframe>
属性： src :需要加载页面的地址
     scrolling：是否显示滚动条
no：不显示滚动条
     frameborder：0 不显示边框
            1 显示边框
 
不邪恶的分帧(不能插入的)--不能插入到<body>中，谁在上面显示谁
<frameset></frameset>
属性：cols：左右分
    rows：上下分
<frame>
属性：
src：就是需要加载页面的地址
noresize：禁止拖动改变大小
                             
 
无意义的标签
<div></div>   块状标签
<span></span>   行内标签
 
编码问题
 
<head>中的标签
<meta>去设置一些网页的属性
属性：charset：去设置网页的编码 utf-8 编码
 name：
keywords: 网页关键字
content：内容
description：网站描述
content：内容
 
<title></title> 设置网页选显卡上的显示文字
<script></script>  写 JavaScript代码的地方
<style></style>    写css样式的地方
<link>  连接其他语言的一个通道
 
字符实体：就是一下使用代码打印不出来的东西
 

html基本标签与属性的更多相关文章

  1. HTML5的Video标签的属性,方法和事件汇总

    <video>标签的属性 src :视频的属性 poster:视频封面,没有播放时显示的图片 preload:预加载 autoplay:自动播放 loop:循环播放 controls:浏览 ...

  2. php 内置支持的标签和属性

    内置支持的标签和属性列表如下: 标签名 作用 包含属性 include 包含外部模板文件(闭合) file import 导入资源文件(闭合 包括js css load别名) file,href,ty ...

  3. video标签的属性和方法总结

    最近想做一个弹幕插件,查了很多video标签的属性和方法 error属性 在正常读取时候,使用媒体数据的过程中,video元素或audio元素的error属性为null,但是任何时候只要出现错误,er ...

  4. HTML video 视频标签全属性详解

    HTML 5 video 视频标签全属性详解   现在如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Theora或者VP8(如果这玩意儿没出事的话)的(Opera.Mozilla.C ...

  5. HTML5探索一（那些新增的标签和属性）

    tml5相比html4,添加了部分语义化的标签和属性,现在我们就从这些标签和属性开始,学习html5吧. 首先,认识下HTML5新的文档类型: <!DOCTYPE html> 那些新标签 ...

  6. 关于html标签和属性的基本理解

    一.关于标签和属性的基本理解: html页面的内容主要由"元素"或"标签"组成.使用标签来描述网页的内容. 标签tag一般都是成对出现,开始标签和结束标签,或者 ...

  7. [原创]java WEB学习笔记62：Struts2学习之路--表单标签:form,表单标签的属性，textfield, password, hidden，submit ，textarea ，checkbox ，list, listKey 和 listValue 属性，select ，optiongroup ，checkboxlist

    本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱 ...

  8. html <input>标签类型属性type(file、text、radio、hidden等)详细介绍

    html <input>标签类型属性type(file.text.radio.hidden等)详细介绍 转载请注明:文章转载自:[169IT-最新最全的IT资讯] html <inp ...

  9. 将HTML转成XHTML并清除一些无用的标签和属性

    介绍 这是一个能帮你从HTML生成有效XHTML的经典库.它还提供对标签以及属性过滤的支持.你可以指定允许哪些标签和属性可在出现在输出中,而其他的标签过滤掉.你也可以使用这个库清理Microsoft ...

  10. CSS和JavaScript标签style属性对照表

    CSS和JavaScript标签style属性对照表一般情况是把"-"去掉,后面字母用大写. CSS语法 (不区分大小写) JavaScript语法 (区分大小写) border ...

随机推荐

  1. Opencv如何捕获摄像头视频-OpenCV步步精深

    捕获摄像头实时图像 这一点非常非常重要,因为这一点关乎了以后我们进行各种各样的识别(人脸识别,车牌识别等等有趣的识别).opencv提供了一个接口,可以轻松的让我们实现这个功能.我们先来看一段代码,根 ...

  2. Echarts数据可视化legend图例，开发全解+完美注释

    全栈工程师开发手册 (作者:栾鹏) Echarts数据可视化开发代码注释全解 Echarts数据可视化开发参数配置全解 6大公共组件详解(点击进入): title详解. tooltip详解.toolb ...

  3. Collection和Map的默认扩容参数

    初始大小:调用无参构造函数时默认的容量 加载因子:超过 (当前容量*加载因子) 时会进行扩容 扩容因子:扩容时增加的容量为 (当前容量*扩容因子)        容器         初始容量    ...

  4. ABAP 开启制定路径下的文件或网址URL

    REPORT ZTEST001. CALL FUNCTION 'CALL_INTERNET_ADRESS' EXPORTING PI_ADRESS = * PI_TECHKEY = EXCEPTION ...

  5. Thinking in React Implemented by Reagent

    前言  本文是学习Thinking in React这一章后的记录,并且用Reagent实现其中的示例. 概要 构造恰当的数据结构 从静态非交互版本开始 追加交互代码 一.构造恰当的数据结构 Sinc ...

  6. 关闭 Activity 关闭方式 finish(), exit(), killProcess(), restartPackage()(转载)

    finish():结束当前 Activity,不会立即释放内存.遵循 android 内存管理机制.exit():结束当前组件如 Activity,并立即释放当前 Activity 所占资源.kill ...

  7. 深入Javascript之this

    前言 近期准备好好的读一读<你不知道的JavaScript(上卷)>这本书,俗话说的好,好记性不如烂笔头,读到this这章感觉是时候需要一些笔记了.文中如有错误之处,欢迎指出. 什么是th ...

  8. Xuan.UWP.Framework

    开篇博客,以前总是懒,不喜欢写博客什么,其实都是给自己找理由,从今天开始有空就写写博客.新手博客,写得不好轻喷,哈哈! 开始正题,微软移动平台,从WP7开始,经历了WP8,然后WP8.1,到目前得Wi ...

  9. SQL注入技术

    TalkTalk的信息泄漏事件导致约15万人的敏感信息被暴露,涉嫌造成这一事件的其中一名黑客使用的并不是很新的技术.事实上,该技术的「年纪」比这名15岁黑客还要大两岁. ［译注:TalkTalk是英国 ...

  10. 用js判断是否为手机浏览，如果是手机浏览就跳转到手机站

    <script type="text/javascript"> function browserRedirect() { var sUserAgent= navigat ...