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的更多相关文章

  1. 软件测试之loadrunner学习笔记-01事务

    loadrunner学习笔记-01事务<转载至网络> 事务又称为Transaction,事务是一个点为了衡量某个action的性能,需要在开始和结束位置插入一个范围,定义这样一个事务. 作 ...

  2. 《30天自制操作系统》笔记(01)——hello bitzhuwei’s OS!

    <30天自制操作系统>笔记(01)——hello bitzhuwei's OS! 最初的OS代码 ; hello-os ; TAB=4 ORG 0x7c00 ; 指明程序的装载地址 ; 以 ...

  3. 《The Linux Command Line》 读书笔记01 基本命令介绍

    <The Linux Command Line> 读书笔记01 基本命令介绍 1. What is the Shell? The Shell is a program that takes ...

  4. PHP 学习笔记 01

    例子: 为什么要学PHP 主观原因: 前段时间在学校处理了毕业的一些事情,回到上海后开始了找工作的旅程.意向工作是WPF开发或者ASP.NET 作为后端的WEB开发. 陆陆续续一直在面试,其中有一家公 ...

  5. 【技能大赛笔记01】Zigbee点对点按键控制程序开发

    [技能大赛笔记01]Zigbee点对点按键控制程序开发 --2017年"物联网物联网技术应用与维护"任务五题1(中职组) 1.题目要求 2.工程文件 在比赛中,提供了一个基于Bas ...

  6. JS自学笔记01

    JS自学笔记01 1.开发工具 webstorm 2.js(javascript) 是一门脚本.解释性.动态类型.基于对象的语言 含三个部分: ECMAScript标准–java基本语法 DOM(Do ...

  7. 《30天自制操作系统》笔记(01)——hello bitzhuwei’s OS!【转】

    转自:http://www.cnblogs.com/bitzhuwei/p/OS-in-30-days-01-hello-bitzhuwei-OS.html 阅读目录(Content) 最初的OS代码 ...

  8. ASP.NET Identity 2集成到MVC5项目--笔记01

    Identiry2是微软推出的Identity的升级版本,较之上一个版本更加易于扩展,总之更好用.如果需要具体细节.网上具体参考Identity2源代码下载 参考文章 在项目中,是不太想直接把这一堆堆 ...

  9. C++ GUI Qt4学习笔记01

    C++ GUI Qt4学习笔记01   qtc++signalmakefile文档平台 这一章介绍了如何把基本的C++只是与Qt所提供的功能组合起来创建一些简单的图形用户界面应用程序. 引入两个重要概 ...

  10. SaToken学习笔记-01

    SaToken学习笔记-01 SaToken版本为1.18 如果有排版方面的错误,请查看:传送门 springboot集成 根据官网步骤maven导入依赖 <dependency> < ...

随机推荐

  1. NO31 配置网卡--主机名--网络故障排查面试题--DNS

    修改网卡配置信息: 修改主机名规范的三个步骤: 配置默认网关: DNS解析过程,用命令看:  DNS相关命令: 口述DNS解析过程: 客户端(电脑)通过浏览器输入域名,先找hosts文件及本地dns缓 ...

  2. 第1节 IMPALA:8、shell交互窗口使用;9、外部和内部shell参数

    impala当中的元数据的同步的问题impala当中创建的数据库表,直接就可以看得到,不用刷新hive当中创建的数据库表,需要刷新元数据才能够看得到 因为impala的catalog的服务,我们需要通 ...

  3. 第2节 网站点击流项目(下):3、流量统计分析,分组求topN

    四. 模块开发----统计分析 select * from ods_weblog_detail limit 2;+--------------------------+---------------- ...

  4. wpf和winform的区别

    深入浅出WPF(7)——数据的绿色通道,Binding(上) 水之真谛关注6人评论28117人阅读2008-06-23 02:40:00  http://liuteimeng.blog.51cto.c ...

  5. Fiddler里面AutoResponder和mock用法

    AutoResponder 1.找到对应图片请求的链接 2.操作步骤如下图: mock 使用场景:上一步骤模块没有完成,但是下一步模块完成了,需要使用到快速模拟,主要使用的地方就是测试接口

  6. 【pwnable.kr】 brainfuck

    pwnable.kr第二关第一题: ========================================= Download : http://pwnable.kr/bin/bfDownl ...

  7. JS - 判断字符串某个下标的值

    <html><body> <script type="text/javascript"> var str="0123456789!&q ...

  8. pt-archiver 归档数据

    pt-archiver 参数说明pt-archiver是Percona-Toolkit工具集中的一个组件,是一个主要用于对MySQL表数据进行归档和清除工具.它可以将数据归档到另一张表或者是一个文件中 ...

  9. 洛谷 P1247 取火柴游戏

    题目传送门 暴力 \((\)由于我这样的初中蒟蒻不\((bu)\)喜\((hui)\)欢\((xie)\)数学证明,所以题解中的证明全是其他大佬的题解已经多次证明过的,这里就不再啰嗦了.\()\) - ...

  10. C++中的简单继承

    Father.cpp: #include<iostream> using namespace std; class Father { protected: int width; int h ...