HTML5 云知梦自觉，记录知识 点

时间：2021-02-19 09:11:40

第一章（1--3）

文档类型:
<!doctype html>

网站代码结构:
<html>
<head>
<meta charset="UTF-8">
#设置浏览器的阅读编码

<title>云知梦-太原PHP培训|山西PHP培训</title>
#设置网站首页的标题

<meta name="keywords" content="山西PHP培训,太原PHP培训,山西PHP开发>
#设置网站的关键字

<meta name="description" content="云知梦PHP培训-致力于PHP培训、LAMP技术培训,只为有梦想的人。>
#网站描述
</head>

<body>
<h1>云知梦，只为有梦想的人!</h1>
<h1>云知梦，只为有梦想的人!</h1>
#可见的网站骨架或实体内容

</body>
</html>

HTML5注释:
<!-- 注释文字 -->

html实体:
&nbsp; 空格
&lt; <
&gt; >
&laquo; <<
&raquo; >>
&times; x

颜色:
1.英文
red
green
blue

2.十进制
rgb(255,0,0);
rgb(0,255,0);
rgb(0,0,255);

3.十六进制
#ffffff(#fff) 白色
#ff0000(#f00) 红色
#00ff00(#0f0) 绿色
#0000ff(#00f) 蓝色
#000000(#000) 黑色
#ffff00(#ff0) 黄色
#00ffff(#0ff) 青色
#ff00ff(#f0f) 紫色

4.带有透明度
rgba(255,0,0,0.5);
rgba(0,255,0,0.5);
rgba(0,0,255,0.5);

格式标签:
br 换行,单标签
nobr 不换行,双标签
p 段落,align属性:left|center|right
center 居中
pre 按源代码显示
ul 无序列表
ol 有序列表
dl 自定义列表
dt 自定义标题
dd 自定义列表内容
hr 导航线

标签分类:
1.块标签
#独占一行，自动换行

2.行标签
#自己有多宽占多宽

文本标签:
p
h1-h6
i
u
font

图片:
<img src="xj.png" alt="小金不在了!" title='小金的照片!' width='256px' height='256px' usemap="#mymap">

//热点图

<map name="mymap" id="mymap">
　　<area shape="circle" coords="170,100,21" href ="http://www.baidu.com" />
</map>

第二章（4

超链接

<a href='http://www.baidu.com' target='_blank'>百度</a>

target
　　1._blank //新窗口
　　2._self //本窗口
　　3._parent //父窗口
　　4._top //顶窗口
　　5.窗口名称 //窗口名称

图片超链接:
<a href='http://www.baidu.com'>
　　<img src='jin.png'>
</a>

url网址:
http://www.baidu.com/index.php?id=10
http http协议
www.baidu.com 域名
index.php 脚本文件
id=10 脚本参数

表格:

Table标签属性:
1. width
2. height
3. border
4. bordercolor
5. cellspacing
6. cellpadding
7. align 表居中

表名:
caption
• 表头:
th
• 行:
tr

Td标签属性:
1. width
2. height
3. colspan
4. rowspan
5. align left|center|right
6. valign top|middle|bottom

<table width='100%' border='1px' cellspacing='0px'>
<tr>
<th>adlf</th>
<th>adlf</th>
<th>adlf</th>
</tr>
<tr>
<td>aa</td>
<td>aa</td>
<td>aa</td>
</tr>
</table>

表单:
<form action="reg.php" method='post' enctype='multipart/form-data'>
</form>

action：转到何处

method

默认为get,密码什么都会暴露

HTML5 云知梦自觉，记录知识 点

post,密码什么都会暴露,隐藏，一般情况下用这个。

enctype='multipart/form-data'：当表单里存在文件时，需要这个，不然无法上传，服务 器识别不了

HTML5 云知梦自觉，记录知识 点的更多相关文章

  1. js 自学，云知梦知识 点理论

    一.第1章(1--4) 何为js特效 1.定义事件(触发时机+行为) 2.触发事件(行为发生) 3.事件发生是具有重复性   js是基本对象的语言. 面向对像编程 1.如何获得该对象 2.如何 调用该 ...

  2. &lbrack;面试专题&rsqb;前端需要知道的web安全知识

    前端需要知道的web安全知识 标签(空格分隔): 未分类 安全 [Doc] Crypto (加密) [Doc] TLS/SSL [Doc] HTTPS [Point] XSS [Point] CSRF ...

  3. &lbrack;踏得网&rsqb;HTML5在线教程阅读进度记录

    2017年1月3日18:12:19http://techbrood.com/h5b2a?p=html-canvas-states 2017年1月3日17:10:11http://techbrood.c ...

  4. Web开发人员需知的Web缓存知识

    最近的译文距今已有4年之久,原文有一定的更新.今天踩着前辈们的肩膀,再次把这篇文章翻译整理下.一来让自己对web缓存的理解更深刻些,二来让大家注意力稍稍转移下,不要整天HTML5, 面试题啊叨啊叨的~ ...

  5. Web 开发人员需知的 Web 缓存知识

    今天踩着前辈们的肩膀,再次把这篇文章翻译整理下.一来让自己对web缓存的理解更深刻些,二来让大家注意力稍稍转移下,不要整天HTML5, 面试题啊叨啊叨的~~ 什么是Web缓存,为什么要使用它? Web ...

  6. 阿里云X-Forwarded-For 发现tomcat记录的日志所有来自于SLB转发的IP地址，不能获取到请求的真实IP。

    1.背景:阿里云的SLB的负载均衡,在tomcat中获取不到真实IP,而是阿里的内网IP,SLB中俩台或者3台本身是局域网,这里是SLB原理,能够看看.没怎么看懂.呵呵,要细细读下. 2.须要开启to ...

  7. Java开发月薪2W的知乎讨论记录截取

    1. 推荐看 作者:匿名用户 链接:https://www.zhihu.com/question/39890405/answer/83676977 来源:知乎 著作权归作者所有.商业转载请联系作者获得 ...

  8. html5标签知多少

    此文为前段时间团队研究会出品,与小伙伴兮兮圆一起研究的成果,意外地上了公司km的今日推荐,今日挪过来,为新开张的博客先暖暖场吧. 一.常用标签 <header>.<footer&gt ...

  9. Web 技术人员需知的 Web 缓存知识&lpar;转&rpar;

    最近的译文距今已有4年之久,原文有一定的更新.今天踩着前辈们的肩膀,再次把这篇文章翻译整理下.一来让自己对web缓存的理解更深刻些,二来让大家注意力稍稍转移下,不要整天HTML5, 面试题啊叨啊叨的~ ...

随机推荐

  1. Error&colon; Could not find the required version of the Java&lpar;TM&rpar; 2 Runtime Environment in&&num;39&semi;&lpar;null&rpar;&&num;39&semi;&period;

    今天拿到一台新机器,搭一下开发环境,安装个JDK是个很基本的事情,从Orale的网站上下了个安装,但是一直出下面的错: 我信了你的邪,Google了一圈,有人说是可能文件下载有问题,重新下载安装就可以 ...

  2. TeX Live安装配置等默认目录

    TeX Live默认目录情况:   TEXDIR (the main TeX directory):     !! default location: /usr/local/texlive/2015  ...

  3. Windows 内存架构

    理解 Virtual Memory, Physical Memory, Committed Memory, Page File, Working Set, Modified Pages, Standb ...

  4. handsontable 合并单元格

    <!DOCTYPE html> <html> <head> <title>handsontable demo</title> <met ...

  5. leetcode 717&period; 1-bit and 2-bit Characters -easy

    https://leetcode.com/problems/1-bit-and-2-bit-characters/description/ We have two special characters ...

  6. popen&lpar;&rpar; 使用举例 &lpar;转载&rpar;

    函数原型: #include "stdio.h" FILE *popen( const char* command, const char* mode ) 参数说明: comman ...

  7. Web运营手记

    1.图片是给活人用户看的,相对来讲,文字是给搜索引擎看的.精华内容争取要在网站或者频道主页里面让人看到. 2.搜索引擎喜欢看的几种文字:页面标题.关键词元信息(只有Bing管点用).描述(descri ...

  8. 分布式任务调度——quartz &plus; spring &plus; 数据库

        项目中使用分布式并发部署定时任务,多台跨JVM,按照常理逻辑每个JVM的定时任务会各自运行,这样就会存在问题,多台分布式JVM机器的应用服务同时干活,一个是加重服务负担,另外一个是存在严重的逻 ...

  9. Vb&period;net MakeLong MAKELPARAM 合并整数代码

    Function MAKELPARAM(wLow As UShort, wHigh As UShort) As UInteger Return wHigh * &H10000 + wLow E ...

  10. IDEA搭建Spring Boot项目

    所需工具 新建项目 创建一个login控制器 写入两个注释 import导入项会自动添加@RestController@RequestMapping(value = "/login&quot ...

相关文章