html5基础入门知识(干货)
一.什么是html
用来描述网页的语言、超文本标记语言、不是编程,而是一种标记语言、使用标记标签来描述网页等等...
我们只需记住html就是用标记标签来描述网页,(网页是前端哦,平时你们听过的c、c++、java之类的你们是看不着的,因为它们是在一个网站的后台)
html+css 静态网页 html+css+EMC javascript 动态交互了(下次我再讲css,js)
现在我将说明一下html里面的标签;
1. 常用标签:也叫标记、元素
标签有三种;
单标签:只有开始标签,没有结束标签,但是有结束标记
比如;meta img input
双标签:有开始标签,也有结束标签
比如;html head body title div p a ul li ol dl dt dd span
空标签:有标签,但是无法添加内容
*br是换行标签
标签分为区分块元素和内联元素; 元素里面的内容在浏览器上显示,如果在一行,是内联元素,独占一行是块元素
块元素:独占一行
div p h1-h6 ul li ol dl dt dd table tr thead tbody tfoot form
内联元素:在一行
a img span td input select button
2.表格;
<table border="1"> 边框=1
<thead>表格头部
</thead>
<tbody>表格身体
<tr>
<td></td>
</tr>
</tbody>
<tfoot>表格尾部
</tfoot>
</table>
表格属性
<!--cellpadding 内边距:内容距离边框的距离-->
<!--cellspacing 内边距:单元格离边框的距离-->
<!--colspan合并列,成一行,删除的是相邻的元素,删掉的数量=合并的数量-1,colspan=合并的数量-->
<!--rowspan合并行,成一列,删除的是跨行的元素,删掉的数量=合并的数量-1,rowspan=合并的数量-->
3.表单
<form action="demo2.html" method="get">
文本框:<input name="userName" type="text" value="张三"/><br />
密码框:<input type="password" /><br />
提交:<input type="submit"/><br />
重置:<input type="reset" /><br />
自定义按钮:<input type="button" value="自定义按钮"/><br />
上传文本域<input type="file" /><br />
复选按钮、框: <input type="checkbox" /><br />
单选按钮、框: <input type="radio" /><br />
文本域:<textarea name="" rows="" cols=""></textarea><br />
下拉列表:
<select name="" id="">
<option value="">北京</option>
<option value="">上海</option>
</select>
<button>自定义按钮123</button>
</form>
最后我再列出几个不常用或者不用了的标签,毕竟要深学的话都了解一下好;
现在哪些标签不使用?
<font>
<basefont>
<center>
不经常使用?
<b> 定义粗体文本。
<big> 定义大号字。
<em> 定义着重文字。
<i> 定义斜体字。
<small> 定义小号字。
<strong> 定义加重语气。
<sub> 定义下标字。
<sup> 定义上标字。
<ins> 定义插入字。
<del> 定义删除字。
<s> 不赞成使用。使用 <del> 代替。
<strike> 不赞成使用。使用 <del> 代替。
<u> 不赞成使用。使用样式(style)代替。
html5基础入门知识(干货)相关推荐
- Swift基础入门知识学习(12)-枚举(列举)-讲给你懂
TED演讲的8个秘诀:学习18分钟高效表达-重点笔记 Swift基础入门知识学习(11-2)-閉包-第二篇-讲给你懂 目录 枚举(列举)语法 使用 Switch 语句匹配枚举(列举)值 相关值 原始值 ...
- Swift基础入门知识学习(7)-字典-讲给你懂
Swift基础入门知识学习(6)-数组(阵列)-讲给你懂 目录 声明字典 创建一个空字典 存取与修改字典 使用for-in遍历字典中的所有值 字典转换为数组 Swift字典(dictionary) 用 ...
- 学python需要什么基础知识-学习Python需要知道哪些基础入门知识?
众所周知,Python以优雅.简洁著称,入行门槛低,可以从事Linux运维.Python Web网站工程师.Python自动化测试.数据分析.人工智能等职位!就目前来看,Python就业前景广阔.很多 ...
- 数据结构基础入门知识
数据结构基础入门知识 ------ 数据结构:理解和练习 <异类-不一样的成功启示录> IP/26 192 IP/25 128 IP/24 192. 128 64 32 16 2 1 ...
- Python基础入门知识(2)
接前面的文章: Python基础入门知识(1) Python基础入门教学 2 Python的基础知识 2.2 数据类型 2.2.2 数值类型 2.2.2.1 整数 2.2.2.2 浮点数 2.2.2. ...
- html5 基础入门
目录 html5 基础入门 前言介绍 HTML5 兼容性 DTD 智能表单 input type 类型整理总结 input 元素属性总结 form表单控件总结 新增结构标签 新增多媒体标签 html5 ...
- ps基础入门知识课程教程学习文字设计制作小白
ps基础入门知识课程教程学习文字设计制作小白
- 超完整 Python基础入门知识教程
本书旨在帮助Python开发人员发现该语言和相关库的突出特性,并编写简单.流畅.易于阅读和易于维护的代码.特别是生成器.属性描述符(ORM的键)和Python表达式的对象在数据库处理过程中的具体应用: ...
- 自己总结的MySQL基础入门知识,附思维导图
第一次写博文,问题点可能比较多,辛苦大家帮忙指正,感谢大家. MySQL基础入门知识 前言 一.数据库基础知识 1.什么是数据库 2.数据库的分类 3.数据库的常用语言 4.数据库的常用操作方式 5. ...
最新文章
- JVM锁和分布式锁是什么关系
- ajax后台重定向会返回什么_第三十五天JavaScript中的ajax
- C# 开启摄像头 拍照
- leetcode538. 把二叉搜索树转换为累加树
- Jenkins分层作业和作业状态汇总
- 什么从什么写短句_新年新气象跨年了,准备好发什么说说了吗
- ElasticSearch查询返回信息根据字段排序(英文检索)
- osm数据导入mysql_OSM(OpenStreetMap) poi、路网 数据导入 PostgreSQL
- eclipse安装lua
- Azure 中 Windows 虚拟机的大小
- 关于super关键字
- css权威指南学习笔记
- M语言中的操作符说明:数字以及时间相关的操作符
- 迅雷版本哪个好android,哪个是最好的螃蟹?适用于Android手机的迅雷体验的新版本...
- ActionForm工作原理
- 微信小程序实现多语言方案|中英互译
- 施工计算机综合应用能力实训,计算机综合应用能力实训报告.docx
- Python 用 matplotlib 中的 plot 画图,折线图
- cocos2d-x视频教材(无脑码农系列)
- 极客早班车 - 20190320