看Web视频整理标签笔记
html的规范（遵循）
1.一个html文件开始标签和结束标签<html></html>
-定义一个java方法{}
2.html包含两部分内容
（1）<head>设置相关内容</head>
（2） <body>显示在页面上的内容</body>
3.html的标签有开始标签也有结束标签
<head></head>
4.html不区分大小写
5.有些标签，没有结束标签，在标签内结束
- 比如 换行<br/><hr/>
********html中常用的标签：
*文字标签和注释标签
文字标签：修改文字形式
* <font> 内容</font>
属性：
size：文字大小 范围1-7
color：文字颜色
-两种表达方式：
1.英文单词
2.使用十六进制的数表示 #000000：RGB
<!-- 注释 -->
**标题标签、水平线标签和特殊字符
1.标题标签
-<h1></h1> <h2></h2> <h3></h3> <h4></h4>....
-标题顺序依次变小，自动换行
2.水平线标签
-<hr/>
-属性
**size：水平线粗细 范围1-7
**color：颜色
-代码
<hr size="5" color="blue"/>
3.特殊字符
转义符号：
<: <
>:>
空格： ；
<dl></dl>:表示列表范围
**在dl中<dt></dt>:上层内容
**在dl中<dd></dd>:下层内容
-代码
<dl>
<dt>信1805-1</dt>
<dd>班长</dd>
<dd>团支书</dd>
<dd>副班长</dd>
</dl>
*有序列表
-代码
<ol>
<li>***<li>
<li>***<li>
</ol>
属性： type： 设置排序方式 1（默认） a i
*无序列表
<ul></ul>: 表示无序列表的范围
属性：type： 空心圆circle、实心圆disc、实心方块square
在ul里面 <li></li>
-src ：图片的路径
-width：图片的宽度
-height：图片的高度
-alt：图片上的显示的文字，把鼠标移动到图片上，停留片刻显示内容
*连接资源
-<a href = "连接到资源的路径">显示在页面上的内容</a>
**href :连接资源的地址
**target：设置打开的方式，默认是当前打开
-_blank:新生成网页打开
-_self：在当前网页打开
**定位资源：
如果想定位资源：定义一个文职
<a name="top">顶部（随意名字）</a>
**回到这个位置
<a href="#top">回到顶部</a>
****原样输出 ：
<pre> </pre>
*可以对数据进行格式化，是数据显示更加清晰
***<table></table>：表示标签的范围
属性：
border：表格线
bordercolor：表格线的颜色
cellspacing：单元格直接的距离
width：宽度
height：高度
设置显示格式：align=“left/right/center(居中)”(想改行在tr中写 单元格中在td中写)
***在table中有 <tr></tr>（表示行）
**在tr中有<td>（表示单元格）
**用th也可以表示单元格
表示可以实现居中加粗
*标题：<caption></caption>
合并单元格：
rowspan：跨行合并
colspan：跨列合并
**<td rowspan="跨列数"></td>
*调教数据到服务器，使用表单标签
<form></form>：表单标签范围
-属性
**action： 提交到地址，默认提交到当前网页
**method:表单提交方式
-常用有两种： get和post 默认是get请求
必须有name属性 否则传不上
--大部分的输入项 使用<input type="输入项的类型"/>
***普通输入项：<input type="text"/>
***密码输入项：<input type="password"/>
***单项输入项：<input type="redio"/>
--在里面需要加属性 name（属性值需要相同）
--在里面必须有value值
--代码：<input type="redio" name="sex"/>男 <input type="redio" name="sex"/>女
***文件输入项（）
--实现默认选择其中的属性
--checked="checked"
-<input type="file"/>
***下拉输入项（不是在input标签中）
代码：
<select name="birth">
<option value="1991">1991</option>
<option value="1992">1992</option>
<option value="1993">1993</option>
</select>
***文本域
<textarea cols="列数" rows=“行数”></textarea>
***隐藏项（不会显示在页面上，但是会存在源代码中）
<input type="hidden"/>
***提交按钮
<input type="submit"/>
<input type="submit" value="按钮显示名"/>
使用图片提交按钮
<input type="image" src="路径"/>
**重置按钮（回到初始状态）
<input type ="reset"/>
**普通按钮
<input type="button" value=""/>
b：加粗
s：删除线
u：下划线
i：斜体
pre：原样输出
sub：下表
sup：上表
p:段落标签
****
div：自动换行（ ）
span：一行显示
*head就是头标签
title：表示在标签上显示的内容
meta：设置页面的一些相关内容
-<meta http-equiv="refresh" content="3=秒数;url=想跳转路径"/>
base标签：设置超链接基本格式
-可以统一设置超链接的打开方式
<base target="_blank">
<style type="text/css">
div{
描述代码
}
</style>
<link rel="stylesheet" type="text/css" herf="css的路径"/>
1.
使用<script type="text/javascript">
js代码
</script>
2.
创建一个js文件，引入一个外部文件。
<script type="text/javascript" src="js文件路径">
</script>
**js的原始变量
-string :字符串
var m="abc";
-number：数字类型
var m=123;
-boolean：true和flase
var flag =true;
-null；
-typeof(变量名); 查看数据类型
-java中语句：
if判断
switch语句
循环 for while do-while
-js中语句
-循环一样
-switch（a）{
case 1： break；
case 2： break；
。
。
。
default：
}
- for也一样
引入知识
***document.write("aaaaa");
定义数组第一种方式：
var arr = [1,2,3];
定义数组第二种方式：
var arr1 = new Array(3);
arr1[0] = "a";
arr1[1] = "b";
arr1[2] = "c";
定义函数：
function 方法名（）{
方法体；
返回值可有可无；
}
看Web视频整理标签笔记的更多相关文章
- 每天成长一点---WEB前端学习入门笔记
WEB前端学习入门笔记 从今天开始,本人就要学习WEB前端了. 经过老师的建议,说到他每天都会记录下来新的知识点,每天都是在围绕着这些问题来度过,很有必要每天抽出半个小时来写一个知识总结,及时对一天工 ...
- 移动web资源整理
[原]移动web资源整理 2013年初接触移动端,简单做下总结,首先了解下移动web带来的问题 设备更新换代快--低端机遗留下问题.高端机带来新挑战 浏览器厂商不统一--兼容问题多 网络更复杂--弱网 ...
- 脑洞大开之采用HTML5+SignalR2.0(.Net)实现原生Web视频
目录 对SignalR不了解的人可以直接移步下面的目录 SignalR系列目录 前言 - -,我又来了,今天废话不多说,我们直接来实现Web视频聊天. 采用的技术如下: HTML5 WebRTC Si ...
- Atitit.多媒体区----web视频格式的选择总结
Atitit.多媒体区----web视频格式的选择总结 1. 因为现阶段不同的浏览器支持的视频格式是不同的 1 2. 各浏览器Html5 Video支持的影音格式: 2 3. 解决方案是什么?Flas ...
- web前端安全---读书笔记
web前端安全---读书笔记 粗略的看完了Web前端黑客技术揭秘前两章了,由于自身的前端功力不深,当然也是初涉前端的安全问题,所以实话还是有些问题看不太明白的.在豆瓣看到的这本书,名字真心有点很肥主流 ...
- 《Node.js入门》CentOS 6.5下Node.js Web开发环境搭建笔记
近期想尝试一下英特尔的基于WebRTC协同通信开发套件,所以须要在本地搭建Node.js Web的开发測试环境. 这里讲的是CentOS 下的搭建方法.使用Windows的小伙伴请參考: <No ...
- 《PHP与MySQL WEB开发》读书笔记
<PHP与MySQL WEB开发>读书笔记 作者:[美]Luke Welling PHP输出的HereDoc语法: echo <<<theEnd line 1 line ...
- 低头看—SQL视频
迷迷糊糊半个月过去了,耿大姐的数据库视频也在一知半解中看完.虽然耿大妈讲的很详细,很细心,但是我还是时不时的犯困(还不如看儿童英语动画片有精神呢)视频看是看完了,但东西不是自己的.这个时候就需要“颗粒 ...
- 瞅瞅！！免费看VIP视频的技巧
最近再逛强大的知乎,发现一个免费看VIP视频的方法(腾讯是可能有点不稳定) 以爱奇艺为例: 复制URL到www.a6a6.org 把地址输入到输入框,点击开始 然后会提示你输入提取码 输入:22336 ...
随机推荐
- 移动端适配rem为单位的rem.js及个别设备设置了大字体模式，导致页面变形的处理方式
这段时间内,涉及到的都是移动端开发,说到移动端开发,我们就会思考到,目前分辨率的问题,如果用px为单位的话,在不同移动设备和不同分辨率下,页面的效果可能会有所不同,甚至导致页面变形.所以在次我们就用到 ...
- Linux实现树莓派3B的国密SM9算法交叉编译——（一）环境部署、简单测试与eclipse工程项目测试
这篇文章主要介绍了交叉编译的实现,包括环境部署,并简单测试交叉编译环境是否安装成功. 一.交叉编译 在一个平台上生成另一个平台上的可执行代码.为什么要大费周折的进行交叉编译呢?一句话:不得已而为之.有 ...
- Springboot项目搭建(3)-shiro登录
shiro简述+实现简单登录:https://www.jianshu.com/p/7f724bec3dc3
- 【原】linux增加开机自启动脚本
在rc.local脚本中添加开机自启动程序
- 寒假安卓app开发学习记录（4）
今天的任务第一个项目运行并部署.没想到第一个环节就出现了错误,运行之后eclipse报错:Errors occurred during the build.Errors running builder ...
- 官方不再支持Python2，如何将你的项目完美迁移到Python3？
Python 2.x 很快就要失去官方支持了,不过不用慌,从 Python 2 迁移到 Python 3 却并没有想象中那么难.我在上周用了一个晚上的时间将一个 3D 渲染器的前端代码及其对应的 Py ...
- 安装和配置Linux系统虚拟机
1.打开虚拟机软件 2.点击创建新的虚拟机,选择典型(推荐)类型的配置. 3.点击稍后安装操作系统. 4.客户机操作系统选择Linux,版本选择CentOS 7 64位. 5.虚拟机名称可自行更改,位 ...
- Spring Boot 文件上传简易教程
上传文件是我们日常使用最为广泛的功能之一,比如App端上传头像.本章演示如何从客户端上传到 Spring Boot 开发的 Api中. 本项目源码 github 下载 1 新建 Spring Boot ...
- Nexus：hardware type changed to No-Transceiver
如下是相关的案例: 1.N5K & Cat3750 较新版本的NX-OS在N5K上支持1G或10G,但N5K不支持auto-speed sensing 如下是故障信息的体现:3750和N5K之 ...
- Go语言基础之Path包与FilePath包
文章引用自 path包的使用 package main; import ( "fmt" "path" ) //go语言path包的学习 func main() ...