原来观看web视频,初学html的时候发现记忆不太深刻,所以自己整理了一些笔记,加深记忆且方便忘记时查看。
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.特殊字符
转义符号:
<: &lt;
>:&gt;
空格:&nbsp;
  ***列表标签
<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>
 
5、图像标签(*******)
-src :图片的路径
-width:图片的宽度
-height:图片的高度
-alt:图片上的显示的文字,把鼠标移动到图片上,停留片刻显示内容
6、超链接标签(*******)
*连接资源
-<a href = "连接到资源的路径">显示在页面上的内容</a>
**href :连接资源的地址
**target:设置打开的方式,默认是当前打开
-_blank:新生成网页打开
-_self:在当前网页打开
**定位资源:
 如果想定位资源:定义一个文职
<a name="top">顶部(随意名字)</a>
**回到这个位置
<a href="#top">回到顶部</a>
****原样输出 :
<pre>   </pre>
7、表格标签(重要的标签***)
*可以对数据进行格式化,是数据显示更加清晰
***<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>
 
8、表单标签(重点重点)
*调教数据到服务器,使用表单标签
<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:一行显示
 
html的头标签
*head就是头标签
title:表示在标签上显示的内容
meta:设置页面的一些相关内容
-<meta http-equiv="refresh" content="3=秒数;url=想跳转路径"/>
base标签:设置超链接基本格式
-可以统一设置超链接的打开方式
<base target="_blank">
css与html结合:
<style type="text/css">
div{
描述代码
}
</style>
<link rel="stylesheet" type="text/css" herf="css的路径"/>
js和html的结合方式:
1.
使用<script type="text/javascript">
js代码
</script>
2.
创建一个js文件,引入一个外部文件。
<script type="text/javascript" src="js文件路径">
</script>
 
js的原始类型和声明变量
**js的原始变量
-string :字符串
var m="abc";
-number:数字类型
var m=123;
-boolean:true和flase
var flag =true;
-null;
-typeof(变量名); 查看数据类型
js语句
 -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视频整理标签笔记的更多相关文章

  1. 每天成长一点---WEB前端学习入门笔记

    WEB前端学习入门笔记 从今天开始,本人就要学习WEB前端了. 经过老师的建议,说到他每天都会记录下来新的知识点,每天都是在围绕着这些问题来度过,很有必要每天抽出半个小时来写一个知识总结,及时对一天工 ...

  2. 移动web资源整理

    [原]移动web资源整理 2013年初接触移动端,简单做下总结,首先了解下移动web带来的问题 设备更新换代快--低端机遗留下问题.高端机带来新挑战 浏览器厂商不统一--兼容问题多 网络更复杂--弱网 ...

  3. 脑洞大开之采用HTML5+SignalR2.0(.Net)实现原生Web视频

    目录 对SignalR不了解的人可以直接移步下面的目录 SignalR系列目录 前言 - -,我又来了,今天废话不多说,我们直接来实现Web视频聊天. 采用的技术如下: HTML5 WebRTC Si ...

  4. Atitit.多媒体区----web视频格式的选择总结

    Atitit.多媒体区----web视频格式的选择总结 1. 因为现阶段不同的浏览器支持的视频格式是不同的 1 2. 各浏览器Html5 Video支持的影音格式: 2 3. 解决方案是什么?Flas ...

  5. web前端安全---读书笔记

    web前端安全---读书笔记 粗略的看完了Web前端黑客技术揭秘前两章了,由于自身的前端功力不深,当然也是初涉前端的安全问题,所以实话还是有些问题看不太明白的.在豆瓣看到的这本书,名字真心有点很肥主流 ...

  6. 《Node.js入门》CentOS 6.5下Node.js Web开发环境搭建笔记

    近期想尝试一下英特尔的基于WebRTC协同通信开发套件,所以须要在本地搭建Node.js Web的开发測试环境. 这里讲的是CentOS 下的搭建方法.使用Windows的小伙伴请參考: <No ...

  7. 《PHP与MySQL WEB开发》读书笔记

    <PHP与MySQL WEB开发>读书笔记 作者:[美]Luke Welling PHP输出的HereDoc语法: echo <<<theEnd line 1 line ...

  8. 低头看—SQL视频

    迷迷糊糊半个月过去了,耿大姐的数据库视频也在一知半解中看完.虽然耿大妈讲的很详细,很细心,但是我还是时不时的犯困(还不如看儿童英语动画片有精神呢)视频看是看完了,但东西不是自己的.这个时候就需要“颗粒 ...

  9. 瞅瞅!!免费看VIP视频的技巧

    最近再逛强大的知乎,发现一个免费看VIP视频的方法(腾讯是可能有点不稳定) 以爱奇艺为例: 复制URL到www.a6a6.org 把地址输入到输入框,点击开始 然后会提示你输入提取码 输入:22336 ...

随机推荐

  1. 设置myeclipse控制台输出到文件中

    1.// System.setOut(new PrintStream(new FileOutputStream("文件路径"))); 2.选择项目右击找到Run As 选项,选项下 ...

  2. 每天进步一点点------YUV格式详细解释

    YUV格式详细解释 YUV开放分类: 网络.计算机.手机.色彩学.影像学  概述  YUV(亦称YCrCb)是被欧洲电视系统所采用的一种颜色编码方法(属于PAL),是PAL和SECAM模拟彩色电视制式 ...

  3. JDK动态代理+反射实现动态修改注解属性值

    这是最近朋友的一个需求,正好闲来无聊有些时间,跟着研究一下,如有不正确的地方,欢迎大家指正~ 一.准备自定义注解 注:如何实现自定义注解,请移步百度. 二.实现 1.实现方式1:通过反射+动态代理动态 ...

  4. 世界坐标转到UGUI坐标

    public static Vector3 WorldToUI(Camera camera,Vector3 pos){ CanvasScaler scaler = GameObject.Find(&q ...

  5. 04hive查询

    详细文档查看:https://cwiki.apache.org/confluence/display/Hive/LanguageManual+Select 一. 基本查询(SELECT …FROM) ...

  6. 通过ping和tracert命令来判断网络经过多少个路由。trace和route合作

    摘抄自: https://blog.csdn.net/foreverhuylee/article/details/49853075 当我们访问某个网络时,通过tracert命令,就能知道本机与目标主机 ...

  7. radhat 6.7修改mac地址方法

    vi ifcfg-eth0 #HW……,即注释掉原硬件地址. 再自己照着原地址写:MACADDR="新mac地址" 重启

  8. The Preliminary Contest for ICPC Asia Xuzhou 2019 K. Center

    这题对于能加入最多边缘点的center点,这个点就是最优的center ,对于center点,总共是n^2的,顶多也就1e6,所以直接双重循环就行了, 然后map<pair,set >映射 ...

  9. 探讨LoadRunner的并发用户和集合点

    近来跟踪一个项目,发现同事们在执行性能测试时,比较热衷于使用集合点,从概念上认为要得到并发用户就必须设置集合点,认为在执行一个压力测试脚本时,设置了集合点才算是有效的并发用户,没有设置结合点,就认为可 ...

  10. 卫哲VS投行女,秋后算账是阿里的企业文化吗?

    编辑 | 于斌 出品 | 于见(mpyujian) 提到马云,大家都会想到淘宝,阿里,也都期待阿里巴巴的马云爸爸能够给我们免单,从而省去我们每天为钱烦恼的后顾之忧.虽然今天要吃的瓜是有关阿里的,但是并 ...