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. Mysql使用存储过程创建测试数据

    一.概述 存储过程(Stored Procedure)是在大型数据库系统中,一组为了完成特定功能的SQL 语句集.其存储在数据库中,经过第一次编译后调用不需要再次编译,用户通过指定存储过程的名字并给出 ...

  2. Vue中 onmouseenter,onmouseleave,onmouseover,onmouseout的区别

    今天在学Vue视频的时候,提到了这四个触发事件,我就想做下笔记: 1.onmouseenter和onmouseleave是一组:当鼠标进入指定区域的时候触发,但是不支持冒泡,进入或者离开子组件都不触发 ...

  3. swoole之建立 http server

    一.代码部分 <?php /** * 传统:nginx <-> php-fpm(fast-cgi process manager) <-> php * swoole:ht ...

  4. Golang:GOROOT、GOPATH、GOBIN变量的含义

    背景 移植完了go以后,在配置变量的时候不太清楚这些变量的含义,找了有关的资料. 使用 go env可以获取 go 有关的环境变量,下面是我的go环境: GO111MODULE="" ...

  5. 将OB86的故障信息保存在DB86中去

    出现DP站故障的时候,CPU会自动调用OB86 ,OB86 的20B 局部变量里面有丰富的故障信息,生成数据块DB86 在DB86 中生成5个双字元素的数组ARAY 在OB86中调用 "BL ...

  6. Console-terminal-tty-shell-kernel

    Console-terminal-tty-shell-kernel 1. 先看图表     1.1 简表     1.2 shell与内核的示意图     1.3 Console-terminal-t ...

  7. java字符,字符串,数字之间的转换

    string 和int之间的转换 string转换成int  :Integer.valueOf("12") int转换成string : String.valueOf(12) ch ...

  8. 058、Java中定义一个没有参数没有返回值的方法

    01.代码如下: package TIANPAN; /** * 此处为文档注释 * * @author 田攀 微信382477247 */ public class TestDemo { public ...

  9. 017、MySQL取第4本季度开始和结束日期

    #取第4本季度开始和结束日期 SELECT QUARTER ( adddate( dy, ) ) QTR, date_add( dy, INTERVAL MONTH ) Q_start, adddat ...

  10. asp.net mvc邮箱激活

    1.发送邮件 public ActionResult SendEmail() { var member = dbSession.MemberRepository.LoadEntities(p => ...