HTML 简单介绍
1.什么是HTML
> HTML是用来描述网页的一种语言
> HTML指的是超文本标记语言(Hyper Text Markup Language)
> 标记语言是一套标记标签(markup tag)
> HTML 使用标记标签来描述网页
2.HTML元素
> 元素=标签<a>+属性<id,name,class...>+元素文本内容
3.HTML结构
> 一个html是无数个元素组成
> 一个html包括head和body两个部分,即头和体部分.head中定义js.csss,body中定义页面显示的主体内容.
4.HTML基本元素
> 文本输入框: <input type="text" value="文本输入框">
文本输入框：<input type="text" value="test"><br>
> 选择框 ：<input type="checkbox">
爱好：<input type="checkbox">体育<input type="checkbox">美术<input type="checkbox">音乐<br>
> 单选按钮<input type="radio"> //>复选按钮去掉name属性,即可多选
性别：<input type="radio" name="sax">男<input type="radio" name="sax">女
> 按钮 <input type="button">
<input type="button" value="提交"> <input type="button" value="返回">
> 文件上传：<input type="file">
文件上传：<input type="file">
> 密码输入框
密码：<input type="password">
> 下拉选 <select><option></option></select>
<select>
<option>请选择</option>
<option>山西省</option>
<option>山东省</option>
</select>省
> 超链接
<a href="https://www.baidu.com/">百度链接</a> <!-- 原标签内打开 -->
<a href="https://www.baidu.com/" target="_blank">百度链接</a> <!--target="_blank" 新打开一个标签网页 -->
> 表格
<form action="">
<table border="2px">
<tr><td>语文</td><td>数学</td><td>历史</td></tr>
<tr><td>英语</td><td>体育</td><td>地理</td></tr>
</table>
</form>
> 图片
<!-- 图片 src="本地图片地址"-->
<img src="C:\Users\Administrator\Desktop\test\微信截图_20181023091515.png"/>
> 有序列表/无序列表
<!-- 有序列表-->
<ol>
<li>第一列</li>
<li>第二列</li>
<li>第三列</li>
</ol>
<!-- 无序列表-->
<ul>
<li>第一列</li>
<li>第二列</li>
<li>第三列</li>
</ul>
> 文本域
<!-- 文本域 -->
备注：<textarea rows="" cols=""></textarea>
> iframe:内联框架,可以实现页面嵌套另一个页面
<!-- iframe -->
<iframe src="https://www.baidu.com/" width="300" height="200"></iframe>
5.扩展：HTML+CSS样式(颜色选择十六进制值参考:https://www.runoob.com/cssref/css-colorsfull.html)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML+CSS</title>
<style type="text/css">
div{border: 1px solid red;width: 500px;height: 20px;background-color: gray;}
.cls{border: 3px solid green;width: 500px;height: 20px;background-color:white;}
#id1{border: 5px solid black;width: 500px;height: 20px;background-color:white;}
</style>
</head>
<body>
<!-- HTML+CSS样式 --><br>
<div> </div><br>
<div class="cls"> </div><br>
<div id="id1"> </div><br>
</body>
</html>
6.学习后总结，分享给需要的人，不足之处后续补充修改！
HTML 简单介绍的更多相关文章
- [原创]关于mybatis中一级缓存和二级缓存的简单介绍
关于mybatis中一级缓存和二级缓存的简单介绍 mybatis的一级缓存: MyBatis会在表示会话的SqlSession对象中建立一个简单的缓存,将每次查询到的结果结果缓存起来,当下次查询的时候 ...
- 利用Python进行数据分析(7) pandas基础: Series和DataFrame的简单介绍
一.pandas 是什么 pandas 是基于 NumPy 的一个 Python 数据分析包,主要目的是为了数据分析.它提供了大量高级的数据结构和对数据处理的方法. pandas 有两个主要的数据结构 ...
- 利用Python进行数据分析(4) NumPy基础: ndarray简单介绍
一.NumPy 是什么 NumPy 是 Python 科学计算的基础包,它专为进行严格的数字处理而产生.在之前的随笔里已有更加详细的介绍,这里不再赘述. 利用 Python 进行数据分析(一)简单介绍 ...
- yii2的权限管理系统RBAC简单介绍
这里有几个概念 权限: 指用户是否可以执行哪些操作,如:编辑.发布.查看回帖 角色 比如:VIP用户组, 高级会员组,中级会员组,初级会员组 VIP用户组:发帖.回帖.删帖.浏览权限 高级会员组:发帖 ...
- angular1.x的简单介绍(二)
首先还是要强调一下DI,DI(Denpendency Injection)伸手获得,主要解决模块间的耦合关系.那么模块是又什么组成的呢?在我看来,模块的最小单位是类,多个类的组合就是模块.关于在根模块 ...
- Linux的简单介绍和常用命令的介绍
Linux的简单介绍和常用命令的介绍 本说明以Ubuntu系统为例 Ubuntu系统的安装自行百度,或者参考http://www.cnblogs.com/CoderJYF/p/6091068.html ...
- iOS-iOS开发简单介绍
概览 终于到了真正接触IOS应用程序的时刻了,之前我们花了很多时间去讨论C语言.ObjC等知识,对于很多朋友而言开发IOS第一天就想直接看到成果,看到可以运行的IOS程序.但是这里我想强调一下,前面的 ...
- iOS开发多线程篇—多线程简单介绍
iOS开发多线程篇—多线程简单介绍 一.进程和线程 1.什么是进程 进程是指在系统中正在运行的一个应用程序 每个进程之间是独立的,每个进程均运行在其专用且受保护的内存空间内 比如同时打开QQ.Xcod ...
- iOS开发UI篇—UITabBarController简单介绍
iOS开发UI篇—UITabBarController简单介绍 一.简单介绍 UITabBarController和UINavigationController类似,UITabBarControlle ...
- Android开发自学笔记(Android Studio)—4.界面编程与View组件简单介绍
一.引言 Android应用开发最重要的一份内容就是界面的开发,无论你程序包含的内容多么优秀,如若没有一个良好的用户交互界面,最终也只是会被用户所遗弃.Android SDK提供了大量功能丰富的UI组 ...
随机推荐
- Shell系列（9）- 用户自定义变量（2）
定义变量 变量名=变量值 例如: x=123 mulu="当前目录下有 $(ls)" 备注: 变量名只能是字母.下划线.数字组成且不能以数字开头 变量等号两侧不能加空格 若变量值中 ...
- FastAPI logger日志记录方案 loguru模块
实现方式: 采用 loguru 模块.跟flask直接挂载到app上有区别,当然也可以尝试去这样做. 但是 好像没有这个必要.要的就是个快速.整那些子虚乌有的东西完全木有意义. 1.首先是去项目git ...
- Zend Studio 配置SVN并导入SVN项目
php 开发过程中,一个项目比较大的话,就需要很多人共同来完成.那么怎样来管理之间的相互配合,分工等呢??那么SVN这个神器就有用处了.SVN:代码版本管理软件.更多svn详细信息请查阅相关文档,这里 ...
- python二级 第七套
第一部分 基本操作 第一题 1.format() 故名思意 就是格式化什么东西.所以你就是将你 需要格式化的东西 放在里面就行了 . format(s) 对s 有要求 就是 int(s) ...
- P3293-[SCOI2016]美味【主席树】
正题 题目链接:https://www.luogu.com.cn/problem/P3293 题目大意 给出一个长度为\(n\)的序列,\(m\)次询问给出\(b,x,l,r\)表示询问在\([l,r ...
- NOIP 模拟二 考试总结
SDOI2015 排序 今天看到这道题,没有一点思路,暴力都没的打...还是理解错题意了,操作不同位置不是说改不同的区间,而是不同操作的顺序...考场上如果知道这个的话最少暴力拿一半啊,因为正解本来就 ...
- 基于Hyperledger Fabric实现ERC721
介绍 超级账本(Hyperledger)项目是首个面向企业应用场景的开源分布式账本平台.由linux基金会牵头,包括 IBM 等 30家初始企业成员共同成立的. 区块链网络主要有三种类型:公共区块链. ...
- L1-023 输出GPLT (20 分) java题解 GPLT天梯赛防坑技巧
上题目先 给定一个长度不超过10000的.仅由英文字母构成的字符串.请将字符重新调整顺序,按GPLTGPLT....这样的顺序输出,并忽略其它字符.当然,四种字符(不区分大小写)的个数不一定是一样多的 ...
- javascript-vue介绍
vue.js是一个用于创建web交互页面的库 从技术角度讲,vue专注于MVVM模型的viewModel层,它通过双向数据绑定把view层和model层连接起来,实际DOM封装和输出格式都被抽象为Di ...
- 新手小白在github上部署一个项目
新手小白在github上部署一个项目 一. 注册github账号 github地址:https://www.github.com/ 二.下载安装Git 地址:https://git-scm.com/d ...