2019-02-12 html的初步学习
前两天看了下python的爬虫,后面的抓包模拟登录实在是难弄,于是暂时放弃,来学学前端知识QAQ
<!DOCTYPE html>文档类型符合HTML5标准
<html lang="en"> lang属性:搜索引擎 en英文,zh中文
<meta charset="UTF-8">:元数据
charset属性:字符集编码方式(提供给浏览器解读)
字符:文字,符号
字符集:语言文字
编码:将字符和二进制码对应起来ascii GB2312 Unicode UTF-8
HTML 标签:
h1~h6 标题: 一级标题~六级标题(一个页面建议只有一个h1)
p: 段落标签,每个段落自动换行,段落内部文字忽略连续空格,也不会显示空行
br: 段内换行<br />为单独出现的标签,直接结束
空格字符 : 空格
pre: 预留格式标签,所有内容保留原格式,包括空格和空行
span: 行内组合标签,组合行内元素,以便通过CSS样式来格式化
hr: 水平线<hr />为单独出现的标签
<!-- 注释内容 --> 表示注释,注释可以跨行
a: 超链接标签,href属性
超链接<a href="url">文字或者图片</a>
<a href="#">xxx</a>为虚拟超链接,点击之后不会跳转
img: 插入图像(常见图像格式: jpg 有损压缩,色彩丰富图片;
gif 简单动画,背景透明;
png无损压缩,透明、交错
<img />单独出现标签,属性:
src属性:路径+文件名
alt属性: 图片的替换文字
div: 区域标签
ul: 无序列表
ol: 列表项
<li>列表项
(emmet ul>li*3 生成无序列表三个列表项)
table: 表格
<tr>标签表示行
<td>标签表示单元格
<th>表头单元格
( emmet table>tr*2>td*3生成二行3单元格表格)
form:表单
其中type包含:text,password,reset重置,submit提交,radio单选框,checkbox复选框,select下拉框,textarea输入框
简单用法如下:
<form action="">
<input type="text" value="输入"/><!---->
<br/>
<input type="password" value="密码"/><!--密码框-->
<br/>
<input type="reset" value="重置"/><!--重置按钮-->
<br>
<input type="submit" value="确定"/><!--确定按钮-->
<br>
<input type="radio" value="123" name="234" checked="checked"/> 2
<input type="radio" value="124" name="234" /> 3
<input type="radio" value="125" name="234" /> 4
<input type="radio" value="126" name="234" /> 5
<!--单选框-->
<br>
<input type="checkbox" value="1,2,3,4" name="2"/> ONE
<input type="checkbox" value="1,2,4,4" name="3"/> TWE
<input type="checkbox" value="1,4,3,4" name="4"/> THREE
<!--复选框-->
<br>
<select name="" id="">
<option value="">看书</option>
<option value="">玩游戏</option>
</select>
<!--下拉框-->
<textarea name="" id="" cols="30" rows="10">
在这里输入内容
</textarea>
<!--row表示行,cols表示列-->
</form>
2019-02-12 html的初步学习的更多相关文章
- 2019.02.12 bzoj3944: Sum(杜教筛)
传送门 题意: 思路:直接上杜教筛. 知道怎么推导就很简单了,注意预处理的范围. 然后我因为预处理范围不对被zxyoi教育了(ldx你这个傻×两倍常数活该被卡TLE) 喜闻乐见 代码: #includ ...
- 2019.02.12 bzoj5294: [Bjoi2018]二进制(线段树)
传送门 题意简述: 给出一个长度为nnn的二进制串. 你需要支持如下操作: 修改每个位置:1变0,0变1 询问对于一个区间的子二进制串有多少满足重排之后转回十进制值为333的倍数(允许前导000). ...
- 16.go语言基础学习(上)——2019年12月16日
2019年12月13日10:35:20 1.介绍 2019年10月31日15:09:03 2.基本语法 2.1 定义变量 2019年10月31日16:12:34 1.函数外必须使用var定义变量 va ...
- 19.go语言基础学习(下)——2019年12月16日
2019年12月16日16:57:04 5.接口 2019年11月01日15:56:09 5.1 duck typing 1. 2. 接口 3.介绍 Go 语言的接口设计是非侵入式的,接口编写者无须知 ...
- 2019年12月12日英语学习-Will I Or Won't I ?
这节英语课上的内容没记住多少东西,觉得这个主题太枯燥了,不过整堂课和外教沟通交流还是不错的,因为这节课就我一个学生.给我了充分的机会去张嘴交流互动. 也没记住什么东西,不知道写什么.只记住将要决定做某 ...
- 7.搭建hyperledger fabric环境及启动——2019年12月12日
2019年12月12日13:05:16 声明:从网络中学习整理实践而来. 1.介绍fabric Fabric 是一个面向企业应用的区块链框架,基于 Fabric 的开发可以粗略分为几个层面: 1. 参 ...
- AHKManager.ahk AHK管理器 2019年12月15日
AHKManager.ahk AHK管理器 2019年12月15日 快捷键 {Alt} + {F1} ///////////////////////////////////////////// ...
- 老周的ABP框架系列教程 -》 一、框架理论初步学习
老周的ABP框架系列教程 -- 一.框架理论初步学习 1. ABP框架的来源与作用简介 1.1 简介 1.1.1 ABP框架全称为"ASP.NET Boilerplate ...
- 第二十篇 jQuery 初步学习2
jQuery 初步学习2 前言: 老师这里啰嗦一下,因为考虑到一些同学,不太了解WEB前端这门语言.老师就简单的说一下,写前端,需要什么:一台笔记本.一个文本编辑器.就没啦!当然,写这门语言, ...
- 第十九篇 jQuery初步学习
jQuery 初步学习 jQuery可以理解为是一种脚本,需要到网上下载,它是一个文件,后缀当然是js的文件,它里面封装了很多函数方法,我们直接调用即可,就比方说,我们用JS,写一个显示与隐藏,通 ...
随机推荐
- ZOJ2532判断边是否是割集中的边
Internship Time Limit: 5 Seconds Memory Limit: 32768 KB CIA headquarter collects data from acro ...
- HDU5293 树链剖分+树形DP
=-=抓住叶节点往上揪 Tree chain problem Time Limit: 6000/3000 MS (Java/Others) Memory Limit: 65536/65536 K ...
- mysql单记录也能造成的死锁
最近在开发的时候,在mysql Innodb 引擎下,一条记录记录也能引起锁的事件. 场景描述 在项目压测的是,突然发现有类似以下的异常发生: com.mysql.jdbc.exceptions.jd ...
- java远程执行linux服务器上的shell脚本
业务场景:需要从服务器A中新增的文件同步至本地服务器,服务器A中内存有限,需同步成功之后清除文件. Java调用远程shell脚本,需要和远程服务器建立ssh链接,再调用指定的shell脚本. 1.创 ...
- [Abp vNext 入坑分享] - 8.Redis与Refit的接入
前言 本章结束之后,这个abp vnext系列算是初步完结了,基础的组件都已经接入了.如果各位还需要其它的组件的话,可以自己按需要进行接入使用.其实这个只是一个基础的框架,可以自己根据需要进行变通的. ...
- StringBuffer & StringBuilder
java.lang.StringBuffer: ①代表可变的字符序列,可以对字符串内容进行增删. ②很多方法与String相同,但StingBuffer是可 ...
- ATT&CK如何落地到安全产品
科普:ATT&CK是什么 ATT&CK的提出是为了解决业界对黑客行为.事件的描述不一致.不直观的问题,换句话说它解决了描述黑客行为 (TTP) 的语言和词库,将描述黑客攻击的语言统一化 ...
- Rocket - tilelink - SRAM
https://mp.weixin.qq.com/s/-z9n6SHyAiK2OE7mOSvC2Q 简单介绍SRAM的实现. 1. 基本介绍 实现一个支持读写的静态存储器.存取的 ...
- UML ——区分类图中的几种关系.md
目录 关联关系 (association): 聚合关系 (aggregation): 合成关系 (composition): 依赖关系 (dependency): 总结: 原文地址 http://ww ...
- Java实现稳定婚姻问题
1 问题描述 何为稳定婚姻问题? 有一个男士的集合Y = {m1,m2,m3-,mn}和一个女士的计划X = {n1,n2,n3,-,nn}.每一个男士有一个排序的列表,把女士按照潜在的优先级进行排序 ...