js学习笔记

• <tr>标签定义HTML表格中的行

1. tr元素包含一个或多个th或td元素

• <td>标签定义HTML表格中的标准单元格

1. HTML表格有两类单元格：

　　表头单元-包含头部信息（由th元素创建）

　　标准单元-包含数据(由td元素创建)

1. td元素中的文本一般显示为正常字体且左对齐。

• 使用 document.write() 向输出流写 HTML
• document.write(`<table border="1">`); 定义表格边框为1
• colspan="2"就是在表格中跨了2个列合并的意思
•  align="center"  居中对齐，align意思是对齐；
• var 语句用于声明变量。

　　JavaScript 变量的创建也叫作"声明"一变量:

　　var carName;

• DIV(层叠样式单元的位置和层次)

1. DIV是层叠样式表中的定位技术，全称DIVision,即为划分。又是可以称其为图层。DIV元素是用来为HTML文档内大块的内容提供结构和背景的元素。

• 　<br>可插入一个简单的换行符　

• <!--colspan横跨的列数-->
  <!--<b></b>定义粗体-->

  marquee标签：创建一个滚动的文本字幕，应用于文字、图片、表格
  <marquee>这里是输入文字的地方，还可以放图片代码、flash动画代码、GIF动图代码
  behavior 代表滚动的方式
  behavior="alternate" 来回滚动
  width 指定表格的宽度

  link: rel属性是核心，搜索引擎可以利用该属性获得更多有关链接的信息
  icon属性指定标题栏、地址栏、收藏夹小图标
  href属性规定链接的目标地址
  href是超文本引用表示文件的录入地址，在link和a等元素上使用
  src表示来源地址，在img/script/iframe等元素上。
  src的内容，是网络地址，是页面必不可少的一部分，是引入
  href的内容是与该页面有关联，是引用

  
  img: 标签的作用就是告诉浏览器我们需要显示一张图片
  src 需要显示的图片名称
  title 用于告诉浏览器，当鼠标悬停在图片上时，需要弹出的描述框中显示什么内容
  对图片的说明和额外补充，如果需要在鼠标经过图片时出现文字提示应该用属性title
  hover:伪类选择器在鼠标移动到元素上时向此元素添加特殊的样式。hover选择器适用于所有元素
  opacity=1图片设置为完全不透明
  alt text 是为了给那些不能看到你文档中图像的浏览者提供文字说明，这包括那些使用本来就不支持图像显示或者图像显示被关闭的浏览器的用户，视觉障碍的用
  户和使用 屏幕阅读器的用户。所以替换文字是用来替代图像而不是提供额外说明文字的
  

  a标签定义超链接，用于从一个页面链接到另一个页面
  <a>标签可以定义锚
  a元素最重要的属性是href属性，它指定链接的目标
  target规定在何处打开目标URL。仅在href属性存在时使用
  br标签：换行
  <input>标签类型属性type属性规定要显示的<input>元素的类型。

  innerHTML 可以读取或写入标签包裹的内容

  
  单词意思解析：
  odd 奇数
  even 偶数
  hover 徘徊 意思是鼠标滑过的时候，特殊显示一下
  collapse 折叠 意思就是把边框线合并显示
  视频元素属性
  src 要播放的视频的URL
  controls 向用户显示控件，比如播放按钮
  audio元素是用来播放的音频文件的路径
  video元素是用来播放视频文件的 source元素来链接不同的视频，浏览器会自动选择第一个可以识别的格式，不会再加载其他的文件，因此不会影响浏览器的性能。<form>标签用于为用户输入创建HTML表单

• 表单用于向服务器传输数据
  action:url 规定当提交表单时向何处发送表单数据
  method:get/post 规定用于发送form-data的HTTP方法。
  css样式 border: 1px solid black; 边框：1px纯黑色；
  padding: 10px; 填充：10px;

  margin：在CSS中margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。
  padding:在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。
  margin: 10px 四边统一外边距
  padding: 10px 四边统一内边距

  border-collapse:如果可能，边框会合并为一个单一的边框
  separate 边框会被分开
  inherit 从父元素继承border-collapse属性的值
  border-style(边框样式)：dashed(虚线)|dotted(点线)|solid(实线)

  
  .d1这种形式的选择，则是纯粹的类选择器，就是利用class来直接选择需要改变的元素即可。
  <input type="radio"> 用于在多项中选择一项，如性别
  <input type="checkbox">用于选择多项
  <input type="file"> 用于文件上传
  <span>标签通常用于选择行的一部分并对其应用某些属性
  <div>用于在页面上进行分割
  <th> table里谁用th,就对谁加粗

  select标签：可创建单选或多选菜单，select元素是一种表单控制，可用于在表单中接受用户输入；
  multiple:多选
  option标签用于定义菜单中的选项
  fieldset元素可将表单内的相关元素分组
  <fieldset>标签将表单内容的一部分打包，生成一组相关表单的字段。
  <legend>标签为fieldset元素定义标题。
  form规定fieldset所属的一个或多个表单
  <span>标签被用来组合文档中的行内元素。
  a href ="" 默认打开的还是当前页面，会刷新一下重新打开。
  a href ="#" 浏览器地址栏网址后面会多显示1个#。不会刷新页面，会回到页面顶部。