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,写一个显示与隐藏,通 ...
随机推荐
- zwx_helper 只用小括号()和中括号[ ] 轻松开发wxWidgets
https://github.com/bbqz007/zhelper-wxWidgets https://github.com/bbqz007/zhelper-wxWidgets/tree/maste ...
- Spring Boot 教程(1) - HelloWorld
Spring Boot 教程 - HelloWorld 1. Spring Boot 的由来 大家都知道,Spring框架是Java生态中举足轻重的轻量型框架,帮助我们广大的大佬们进行Java开发.S ...
- java class 字节码
java class 字节码 协议: class文件 魔数(Magic):4byte -> 0xCAFEBABE 类似2f3f 版本(Version):4Byte -> 0x0000003 ...
- 第4章 最基础的分类算法-k近邻算法
思想极度简单 应用数学知识少 效果好(缺点?) 可以解释机器学习算法使用过程中的很多细节问题 更完整的刻画机器学习应用的流程 distances = [] for x_train in X_train ...
- GRpc添加客户端的四种方式
随着微服务的发展,相信越来越多的.net人员也开始接触GRpc这门技术,大家生成GRpc客户端的方式也各不相同,今天给大家介绍一下依据Proto文件生成Rpc客户端的四种方式 前提:需要安装4个Nug ...
- Docker 入门:Dockerfile
主要内容: 什么是 Dockerfile 查看 DockerHub 中镜像的 Dockerfile Dockerfile 编写 Dockerfile 常用命令 什么是 Dockerfile 使用 Do ...
- 读Pyqt4教程,带你入门Pyqt4 _005
对话框窗体或对话框是现代GUI应用不可或缺的一部分.dialog定义为两个或多个人之间的交谈.在计算机程序中dialog是一个窗体,用来和程序“交谈”.对话框用来输入数据.修改数据.改变程序设置等等. ...
- 一、React初体验之NodeJS环境搭建
一.NodeJS安装 我博客中有相关文章,此处不再赘述. 二.相关模块安装 在使用React的时候需要安装一些相关模块: 1.babel npm install babel -g --save-dev ...
- JAVA自学笔记(4)
发现JAVA的有趣 Day1 继承不是"继承" 1.0 继承的格式 public class FU { public void method() { System.out.prin ...
- css box-shadow(text-shadow) 阴影学习备忘
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...