先上基本介绍图

HTML
简介
超文本标记语言
Hyper Text Markup Language
什么是标签（大多数标签）
尖括号包围、成对出现
开始标签，结束标签
元素
编辑器
HBuilder
Sublime
VSCode
WebStorm
......
文档结构

注释
<!-- 注释的内容 -->

html文档结构
<html> 真正表示了一个文档是html文档
<head> 摘要部分，用户不会直接看到，但是非常重要
<meta> 定义了HTML文档中的元数据

属性：属性为标签添加更多丰富的信息 （属性名：属性值）

单标签：不需要围住某些内容，不需要成对出现

<title> 可定义文档的标题

<body> 正文部分，用户真正会看到的部分，大多数内容写在此标签里

元素分类

块元素
<div> <p> <h1>-<h6> <ol> <ul> <li> <dl> <hr/>
总结以上标签的特点:
1.独占一行,也就是宽度默认为整行
2.由内容撑开高度
3.都可以设定宽高

行内元素
<span> <br> <i> <em> <strong> <code> <mark> <u> <br/>
<a> 超链接
href : 引用的超链接地址
target: 打开文档的方式
_blank新窗口打开
_self原窗口打开
_parent
_top
name: 锚点的使用
文本格式化标签：<b> <big> <em> <i> <small> <strong> <sub> <sup> <ins> <del>等
总结以上标签的特点:
1.可以和同类标签公用一行.
2.设置宽高没有作用.
3.默认由内容撑开宽高.

内联块状元素
<img> 元素向网页中嵌入一幅图像。
src属性：source的缩写,表示一个资源路径
alt属性 ：alter的缩写,表示交换/改变的意思,也就是当路径中的图片不能显示的时候,要用alt中的文字代替显示
特点: 取行元素一部分特性以及块元素一部分特性.
1. 默认由内容撑开宽高(行)
2. 可以设定宽高(块)
3. 与行标签摆在一行(行)

表格

<table></table>
<thead>页头
<tbody>表格的主体
<tfoot>页脚
<tr>行
<th>表头
<td>单元格
border属性：边框
colspan属性：列单元格合并
rowspan属性：行单元格合并
cellspacing属性：单元格间距,单元格之间会保持设定的距离.
cellpadding属性：单元格留白,使单元格具有留白效果.

表单

<form>：表单标签
action属性: 属性值是一个submit发送的网址.
target属性：网页的打开方式
_blank属性值: 在新窗口/选项卡中打开。
_slef属性值: 在同一框架中打开。（默认）
_top属性值: 在父框架中打开。
_parent属性值: 在整个窗口中打开。
method属性：传输数据的方法
get属性值：原样发送，安全性低
post属性值：转码加密后发送
<input>:用于搜集用户信息
name属性：属性值规定表单名称
type属性：属性规定 input 元素的类型。
radio属性值: 单选按钮
checkbox属性值: 多选按钮
text属性值: 表示用户输入的是文本格式.
password属性值: 表示用户输入的是密码
submit属性值: 提交按钮
reset属性值：重置按钮。
button属性值: 单纯只是一种按钮
value属性值：
type="button", "reset", "submit" - 定义按钮上的显示的文本
type="text", "password", "hidden" - 定义输入字段的初始值
type="checkbox", "radio", "image" - 定义与输入相关联的值
<textarea>：多行文本域
rows属性:规定文本区内的可见行数。
cols属性：规定文本区内的可见宽度。
<select>：下拉列表
<option>：下拉列表的内容
selected属性: 用来确定预选项.
value属性：定义与输入相关联的值
<optgroup>: 用来分选项组,可以将某一类放到一个组中.
lable属性: 用来规定当前项目组名
<option>：下拉列表的内容
selected属性: 用来确定预选项.
value属性：定义与输入相关联的值
disable属性: 用来禁止某选项组

框架

<iframe>:内联框架
src属性：规定在 iframe 中显示的文档的 URL。
width属性,height属性： 定义iframe 的宽度和高度。
name属性：规定 iframe 的名称。
scrolling属性：规定是否在 iframe 中显示滚动条。
<frameset>:框架集
cols属性: 定义框架集中列的数目和尺寸。
rows属性：定义框架集中行的数目和尺寸。
注意：frameset标签只能直接写在html，不能写在其他标签里。

关于html的基本知识的更多相关文章

  1. 你必须知道的EF知识和经验

    注意:以下内容如果没有特别申明,默认使用的EF6.0版本,code first模式. 推荐MiniProfiler插件 工欲善其事,必先利其器. 我们使用EF和在很大程度提高了开发速度,不过随之带来的 ...

  2. MySQL高级知识- MySQL的架构介绍

    [TOC] 1.MySQL 简介 概述 MySQL是一个关系型数据库管理系统,由瑞典MySQL AB公司开发,目前属于Oracle公司. MySQL是一种关联数据库管理系统,将数据保存在不同的表中,而 ...

  3. 学点HTTP知识

    不学无术 又一次感觉到不学无术,被人一问Http知识尽然一点也没答上来,丢人丢到家了啊.平时也看许多的技术文章,为什么到了关键时刻就答不上来呢? 确实发现一个问题,光看是没有用的,需要实践.看别人说的 ...

  4. java中的字符串相关知识整理

    字符串为什么这么重要 写了多年java的开发应该对String不陌生,但是我却越发觉得它陌生.每学一门编程语言就会与字符串这个关键词打不少交道.看来它真的很重要. 字符串就是一系列的字符组合的串,如果 ...

  5. [C#] C# 知识回顾 - 你真的懂异常（Exception）吗？

    你真的懂异常(Exception)吗? 目录 异常介绍 异常的特点 怎样使用异常 处理异常的 try-catch-finally 捕获异常的 Catch 块 释放资源的 Finally 块 一.异常介 ...

  6. [C#] C# 知识回顾 - 学会处理异常

    学会处理异常 你可以使用 try 块来对你觉得可能会出现异常的代码进行分区. 其中,与之关联的 catch 块可用于处理任何异常情况. 一个包含代码的 finally 块,无论 try 块中是否在运行 ...

  7. [C#] C# 知识回顾 - 学会使用异常

    学会使用异常 在 C# 中,程序中在运行时出现的错误,会不断在程序中进行传播,这种机制称为“异常”. 异常通常由错误的代码引发,并由能够更正错误的代码进行 catch. 异常可由 .NET 的 CLR ...

  8. [C#] C# 知识回顾 - 异常介绍

    异常介绍 我们平时在写程序时,无意中(或技术不够),而导致程序运行时出现意外(或异常),对于这个问题, C# 有专门的异常处理程序. 异常处理所涉及到的关键字有 try.catch 和 finally ...

  9. [.NET] C# 知识回顾 - Event 事件

    C# 知识回顾 - Event 事件 [博主]反骨仔 [原文]http://www.cnblogs.com/liqingwen/p/6060297.html 序 昨天,通过<C# 知识回顾 - ...

  10. [.NET] C# 知识回顾 - 事件入门

    C# 知识回顾 - 事件入门 [博主]反骨仔 [原文]http://www.cnblogs.com/liqingwen/p/6057301.html 序 之前通过<C# 知识回顾 - 委托 de ...

随机推荐

  1. Docker配置阿里云镜像源

    Docker默认拉取镜像是从这里拉取(https://hub.docker.com/),拉取的速度让人...,所以是配置国内镜像源,拉取速度十分惊人 一.版本要求 Docker版本:1.10以上 二. ...

  2. 虚拟机安装archLinux+xfce桌面教程（更新时间2017-5-8）

    本教程转自http://blog.sina.com.cn/u/5692023517 感谢大神写出如此详细的教程并允许转载 本教程的目的:为了让新手安装arch不再那么难, 一个好的教程可以少走很多弯路 ...

  3. Javascript自增、自减运算符

    JavaScript自增.自减运算符与表达式语法 var i++; var-- 声明变量 i-- 变量名 ++ -- 自增运算符 JavaScript自增.自减运算符与表达式 JavaScript自增 ...

  4. js中的日期控件My97 DatePicker

    使用WdatePicker插件来渲染日期类型的页面. 以下代码用到的属性有: isShowClear是否显示清空按钮 skin皮肤的样式 readOnly是否只读 maxDate:最大的选择时间 &l ...

  5. 【Struts 文件上传下载】

    RegisterAction package k.action; import k.domain.User; import k.form.UserForm; import k.service.User ...

  6. fiddler的代理设置

    fiddler通过监听系统的8888端口实现对系统浏览器发出的http报文进行截获监听,因此要使fiddler能够监听到浏览器数据,需要对浏览器设置代理端口 浏览器 <--8888端口代理--& ...

  7. 计算机二级-C语言-程序修改题-190113记录-对指定字符串的大小写变换处理。

    //给定程序中fun函数的功能是:将p所指的字符串中每个单词的最后一个字母改成大写.(这里的“单词”是指由空格隔开的字符串) //重难点:指针对数组的遍历.大小写转换的方法.第一种使用加减32 得到, ...

  8. 计算机二级-C语言-程序填空题-190117记录-对文件的处理，复制两个文件，往新文件中写入数据。

    //给定程序的功能是,调用函数fun将指定源文件中的内容赋值到指定目标文件中,复制成功时函数返回1,失败时返回0,把复制的内容输出到终端屏幕.主函数中源文件名放在变量sfname中,目标文件名放在变量 ...

  9. Plastic Sprayers Manufacturer - The Basic Components Of A Spray Bottle

    From cleaning to personal beauty, many people use spray bottles every day, but few people know how t ...

  10. Python：列表类型

    概念 列表:有序的,可变的,元素集合 因为列表和字符串都是序列类型,所以很多操作和字符串很相似 但是注意:列表是可变类型,字符串是不可变类型 定义 基本定义 定义方法:[ 元素1, 元素2, .... ...