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. 今日份学习:写一些代码 (Spring+AOP+Redis+MySQL练习)

    笔记 Spring+AOP+Redis+MySQL练习 1. 启动docker->mysql docker run --name mysql -v e:\docker:/var/lib/mysq ...

  2. Python基础week2

    本节内容 列表.元组操作 字符串操作 字典操作 集合操作 文件操作 字符编码与转码 1. 列表.元组操作 列表是我们最以后最常用的数据类型之一,通过列表可以对数据实现最方便的存储.修改等操作 定义列表 ...

  3. java 搭积木

    搭积木 小明最近喜欢搭数字积木, 一共有10块积木,每个积木上有一个数字,0~9. 搭积木规则: 每个积木放到其它两个积木的上面,并且一定比下面的两个积木数字小. 最后搭成4层的金字塔形,必须用完所有 ...

  4. eclipse springboot运行helloworld错误: 找不到或无法加载主类 xxx.xxx.xxx

    这个错误,在网上搜找了好久,说是什么jar包冲突,什么环境配置,我经过验证均是正确的,javac java java -version 都没问题,环境变量也OK,各种解释均没有能够解决我的问题,最后好 ...

  5. python中groupby函数详解(非常容易懂)

    一.groupby 能做什么? python中groupby函数主要的作用是进行数据的分组以及分组后地组内运算! 对于数据的分组和分组运算主要是指groupby函数的应用,具体函数的规则如下: df[ ...

  6. python进行md5加密的两种方法

    本文转自:https://www.cnblogs.com/zknublx/p/6212590.html 一. 使用md5包 import md5 src = 'this is a md5 test.' ...

  7. 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. ...

  8. 吴裕雄 Bootstrap 前端框架开发——Bootstrap 字体图标(Glyphicons):glyphicon glyphicon-road

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name ...

  9. LeetCode实战练习题目 - Array

    实战练习题目 - Array 盛最多水的容器 class Solution { public: int maxArea(vector<int>& height) { int res ...

  10. 法国:5G网络不会排除任何设备厂商

    腾讯科技讯,据国外媒体报道,法国财政部长布鲁诺·勒梅尔(Bruno Le Maire)日前表示,法国有关 5G 电信网络的决定将基于网络的安全和性能,他强调说,法国政府不会将某一个特定的厂商排除在法国 ...