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> < ...
随机推荐
- 今日份学习:写一些代码 (Spring+AOP+Redis+MySQL练习)
笔记 Spring+AOP+Redis+MySQL练习 1. 启动docker->mysql docker run --name mysql -v e:\docker:/var/lib/mysq ...
- Python基础week2
本节内容 列表.元组操作 字符串操作 字典操作 集合操作 文件操作 字符编码与转码 1. 列表.元组操作 列表是我们最以后最常用的数据类型之一,通过列表可以对数据实现最方便的存储.修改等操作 定义列表 ...
- java 搭积木
搭积木 小明最近喜欢搭数字积木, 一共有10块积木,每个积木上有一个数字,0~9. 搭积木规则: 每个积木放到其它两个积木的上面,并且一定比下面的两个积木数字小. 最后搭成4层的金字塔形,必须用完所有 ...
- eclipse springboot运行helloworld错误: 找不到或无法加载主类 xxx.xxx.xxx
这个错误,在网上搜找了好久,说是什么jar包冲突,什么环境配置,我经过验证均是正确的,javac java java -version 都没问题,环境变量也OK,各种解释均没有能够解决我的问题,最后好 ...
- python中groupby函数详解(非常容易懂)
一.groupby 能做什么? python中groupby函数主要的作用是进行数据的分组以及分组后地组内运算! 对于数据的分组和分组运算主要是指groupby函数的应用,具体函数的规则如下: df[ ...
- python进行md5加密的两种方法
本文转自:https://www.cnblogs.com/zknublx/p/6212590.html 一. 使用md5包 import md5 src = 'this is a md5 test.' ...
- Job for nginx.service failed because the control process exited with error code. See “systemctl stat
启动nginx服务时如果遇到这个错误 Job for nginx.service failed because the control process exited with error code. ...
- 吴裕雄 Bootstrap 前端框架开发——Bootstrap 字体图标(Glyphicons):glyphicon glyphicon-road
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name ...
- LeetCode实战练习题目 - Array
实战练习题目 - Array 盛最多水的容器 class Solution { public: int maxArea(vector<int>& height) { int res ...
- 法国:5G网络不会排除任何设备厂商
腾讯科技讯,据国外媒体报道,法国财政部长布鲁诺·勒梅尔(Bruno Le Maire)日前表示,法国有关 5G 电信网络的决定将基于网络的安全和性能,他强调说,法国政府不会将某一个特定的厂商排除在法国 ...
width="100px" alt ="这张图片可能加载有问题"/>