HTML的学习

！！！前言：代码内容夹带私活，单纯是懒得想内容了（ ！！！

一：

加粗 b/strong     斜体 i/em     换行标签 br

水平分割线  hr     属性 width 长短   size  粗细

段落标签  p     上标 sup     下标 sub     pre 原样的输出想要输出的文本

<b>粗体</b>   <strong>也是粗体</strong>   <i>斜体</i>
<em>也是斜体</em>    <u>下划线</u>    <del>删除线</del> 

hn(n取1-6)标题标签  取值1-6 字体大小 从大到小
div   盒子  自动换行
align属性  取值center left right
font  字体      颜色 color属性
颜色表示法：英文单词 red green blue 
 三原色法   输入十六进制数，如#66cc6f

二：

form标签的属性：
action     跳转的路径
name     表单的名字
method    跳转的请求方式 post get 默认get请求
get请求：不安全
post请求： 较安全

input标签  创造一个框，根据属性type实现不同的用法

type属性的取值：

text 文本框      password  密码框      submit  提交按钮       radio  单选按钮       checkbox  多选按钮 submit 提交按钮       reset  重置按钮       button 按钮       image   图像按钮        file 上传文件  hidden 隐藏域即不可见信息       emai 邮箱 

扩展： 属性： readonly 字段只能读不能修改               disabled 规定input标签禁用 不可点击的 autofocus 默认光标的位置                      required 提示Input不能为空白提交

三：

select标签 下拉框，用option定义框内的内容

例子：

<select>
  <option>114</option>
  <option>514</option>
  <option>1919</option>
  <option>810</option>
  <option>这么臭的代码有必要存在么</option>
</select>

textarea标签 让你写的文字在一个框内，框可以拉动

cols  文本域的宽度         rows  文本域的高度

label 元素不会向用户呈现任何效果          a标签  超链接标签
href属性  跳转的地址，也可以输入某个地方的id实现页面内跳转，如：#01
Text   文本颜色                    link   超链接文本的颜色                 vlink   访问过后链接文本的颜色Alink    激活链接时文本的颜色

bgcolor 背景颜色                     background   背景图片  一般不会用图片做背景

转义码： /n /t
&nbsp; 空格     &lt; <     &gt; >     &yen;  ￥     &quot;   "
&copy; ©    &reg; ®      &plusmn; ±     &permil; ‰       &divide;÷

四：

跑马灯（弹幕）：marquee标签  默认方向是从右往左（可能不可用）

direction   属性 表示的是弹幕的方向 取值 ：right left up down 默认的left
behavior   属性 表示的行为 取值： scroll 来回滚 默认的          slide 只滚一次        alternate 往返滚
scrollamount   运动的速度 数值越大滚动的速度越快
loop   循环的次数  默认无限次循环
scrolldelay   停顿的时间  默认值是0 单位是ms
bgcolor   滚动区域的背景颜色
height\width  滚动的区域的大小 
hspace \vspace  元素到边界的水平和垂直的距离
onMouseOut="this.start()" ：鼠标移时继续滚动
onMouseOver="this.stop()"：鼠标移入时停止滚动

img标签：src 图片的路径
alt 如果加载不出来的时候，会显示图片的名字
alt的值：width 、height 设置图片的宽度和高度 单位是像素px 10% 一定要遵循图片原本的高度和宽度的比例
border 边框 取大于等于1整数 边框越来越粗 0为没有边框
align 取值：top bottom middle left right 图片于文字的位置 默认的是bottom
title 图片标题，鼠标悬停在图片上会出现属性的取值                                                                  usemap属性：
shape 表示鼠标点击的形状 
coords 被点击大小的取值（有一说一我自己就没有找准过这东西）

audio 音乐标签              video 视频标签          都是用src属性进行检索文件 

其他属性：controls 展示暂停和音量一系列按钮           autoplay  自动播放

table标签 表格标签

例子：

<table>
   <tr>
      <td>你是</td>
      <td>一个</td>
      <td>いこ</td>
   </tr>
   <tr>
      <td>啊啊啊啊</td>
      <td>臭死了</td>
      <td>自裁吧</td>
   </tr>

对齐方法：                   

align="right" ----------- center left right 默认居左

背景：                                                                                                                                                               bgcolor  背景颜色          background  背景图片

间距和边距：
间距：单元格和单元格之间的距离 cellspacing 单位px
边距：单元格内元素距离单元格的距离 cellpading 单位px

表格合并：                                                                                                                                                    rowspan 垂直方向合并      colspan  水平方向合并

五：

列表标签：（我还是不知道又啥用）

有序列表 ol ,子标签 li                     无序列表 ul,子标签li                   数据列表 dl,子标签dt                  以上标签用法参考tr