HTML笔记01
HTML语法规范
<!DOCTYPE html>//HTML5规范
用于注释《!--
HTML文件主要包含头部分和体部分
<!-title>
指定网站标题
指定浏览器打开编码方式
标签大多是闭合状态<></>
但是br一部分标签没有闭合标签
标签不区分大小写//官方建议使用小写
<!-head>
头部分:用来放置一些页面信息
体部分:用来放置页面内容
标签
段落标签
标题后面数字越小字体越大
h标签最小为6
//标签不可以自己创造
hr标签
水平分割线标签
font标签
常用属性
color:改变字体颜色
red:红色
size:改变字体大小
字体范围:1-7 //超过范围默认最大
face:设置字体
face="仿宋"
<!-b> // 包含语义劲量使用
加粗
<!-i> //
倾斜
标签要成对出现,一一对应
插入图片标签
img标签
width="100px" alt ="这张图片可能加载有问题"/>
./ 代表当前路径 ../ 代表上级路径
src : 图片路径
width : 长宽……
alt : 错误提示信息
列表标签
有序列表
<!-ol>
.......
内容是有序序的
无序列表
<!-ul>
.......
内容是无序的
type: 设置项目符号
超链接标签“a“
常用属性
href:设置网页链接,对应网页的地址
target:_self:默认当前页打开 _blank:新起一个标签页打开
表格标签table
tr 标签行
td标签列
常用属性
border:指定边框
width:宽度
height:高度
bgcolor:背景色
align:对齐方式
表格的合并
colspan:跨列
rowspan:夸行
表格嵌套利用百分比
输入框
input“type:指定控件类型 name:指定参数名称”
type="test" //输入文本
type="password" //输入密码
type="file" //上传文件
type="tadio" //单选按钮
type="submit" //添加提交按钮
type=“button” //普通按钮
type="" //复位按钮
type=“datetime-local” //指定日期时间 //date指定日期
name="sex" //把按钮设置为一组,“name“相同就是,只可以选择一个
type="checkbox" //复选框date //同样可以设置成一组
type="number" //只可以输入数字
type="tel" //弹出软键盘
placeholder=“test” //用于输入预设值
文本框textarea
cols:设置输入字符数
rows:设置输入行数
select下拉列表
option : 用于内嵌
form标签
action:提交地址
method:
get 默认提交方式//将参数拼接在后面
post 将参数封装在请求体中
框架标签 frameset
内部放置网页
frame
src //链接网页
cols=“10%,30%,*“ //设置网页所占比例 (按列)
rows //按行划分页面
——可嵌套
-->
HTML笔记01的更多相关文章
- 软件测试之loadrunner学习笔记-01事务
loadrunner学习笔记-01事务<转载至网络> 事务又称为Transaction,事务是一个点为了衡量某个action的性能,需要在开始和结束位置插入一个范围,定义这样一个事务. 作 ...
- 《30天自制操作系统》笔记(01)——hello bitzhuwei’s OS!
<30天自制操作系统>笔记(01)——hello bitzhuwei's OS! 最初的OS代码 ; hello-os ; TAB=4 ORG 0x7c00 ; 指明程序的装载地址 ; 以 ...
- 《The Linux Command Line》 读书笔记01 基本命令介绍
<The Linux Command Line> 读书笔记01 基本命令介绍 1. What is the Shell? The Shell is a program that takes ...
- PHP 学习笔记 01
例子: 为什么要学PHP 主观原因: 前段时间在学校处理了毕业的一些事情,回到上海后开始了找工作的旅程.意向工作是WPF开发或者ASP.NET 作为后端的WEB开发. 陆陆续续一直在面试,其中有一家公 ...
- 【技能大赛笔记01】Zigbee点对点按键控制程序开发
[技能大赛笔记01]Zigbee点对点按键控制程序开发 --2017年"物联网物联网技术应用与维护"任务五题1(中职组) 1.题目要求 2.工程文件 在比赛中,提供了一个基于Bas ...
- JS自学笔记01
JS自学笔记01 1.开发工具 webstorm 2.js(javascript) 是一门脚本.解释性.动态类型.基于对象的语言 含三个部分: ECMAScript标准–java基本语法 DOM(Do ...
- 《30天自制操作系统》笔记(01)——hello bitzhuwei’s OS!【转】
转自:http://www.cnblogs.com/bitzhuwei/p/OS-in-30-days-01-hello-bitzhuwei-OS.html 阅读目录(Content) 最初的OS代码 ...
- ASP.NET Identity 2集成到MVC5项目--笔记01
Identiry2是微软推出的Identity的升级版本,较之上一个版本更加易于扩展,总之更好用.如果需要具体细节.网上具体参考Identity2源代码下载 参考文章 在项目中,是不太想直接把这一堆堆 ...
- C++ GUI Qt4学习笔记01
C++ GUI Qt4学习笔记01 qtc++signalmakefile文档平台 这一章介绍了如何把基本的C++只是与Qt所提供的功能组合起来创建一些简单的图形用户界面应用程序. 引入两个重要概 ...
- SaToken学习笔记-01
SaToken学习笔记-01 SaToken版本为1.18 如果有排版方面的错误,请查看:传送门 springboot集成 根据官网步骤maven导入依赖 <dependency> < ...
随机推荐
- NO31 配置网卡--主机名--网络故障排查面试题--DNS
修改网卡配置信息: 修改主机名规范的三个步骤: 配置默认网关: DNS解析过程,用命令看: DNS相关命令: 口述DNS解析过程: 客户端(电脑)通过浏览器输入域名,先找hosts文件及本地dns缓 ...
- 第1节 IMPALA:8、shell交互窗口使用;9、外部和内部shell参数
impala当中的元数据的同步的问题impala当中创建的数据库表,直接就可以看得到,不用刷新hive当中创建的数据库表,需要刷新元数据才能够看得到 因为impala的catalog的服务,我们需要通 ...
- 第2节 网站点击流项目(下):3、流量统计分析,分组求topN
四. 模块开发----统计分析 select * from ods_weblog_detail limit 2;+--------------------------+---------------- ...
- wpf和winform的区别
深入浅出WPF(7)——数据的绿色通道,Binding(上) 水之真谛关注6人评论28117人阅读2008-06-23 02:40:00 http://liuteimeng.blog.51cto.c ...
- Fiddler里面AutoResponder和mock用法
AutoResponder 1.找到对应图片请求的链接 2.操作步骤如下图: mock 使用场景:上一步骤模块没有完成,但是下一步模块完成了,需要使用到快速模拟,主要使用的地方就是测试接口
- 【pwnable.kr】 brainfuck
pwnable.kr第二关第一题: ========================================= Download : http://pwnable.kr/bin/bfDownl ...
- JS - 判断字符串某个下标的值
<html><body> <script type="text/javascript"> var str="0123456789!&q ...
- pt-archiver 归档数据
pt-archiver 参数说明pt-archiver是Percona-Toolkit工具集中的一个组件,是一个主要用于对MySQL表数据进行归档和清除工具.它可以将数据归档到另一张表或者是一个文件中 ...
- 洛谷 P1247 取火柴游戏
题目传送门 暴力 \((\)由于我这样的初中蒟蒻不\((bu)\)喜\((hui)\)欢\((xie)\)数学证明,所以题解中的证明全是其他大佬的题解已经多次证明过的,这里就不再啰嗦了.\()\) - ...
- C++中的简单继承
Father.cpp: #include<iostream> using namespace std; class Father { protected: int width; int h ...
width="100px" alt ="这张图片可能加载有问题"/>