前端基础概念

前端概念
<!--head 标签代表网页的头部-->
 <title>基本标签学习</title>网页的名字

 控制字体的大小
 <h1>一级标签</h1>
 <h2>二级标签</h2>
 <h3>三级标签</h3>
 <h4>四级标签</h4>
 <h5>五级标签</h5>
 <h6>六级标签</h6>

 一段话的分割
 <p>两只老虎 两只老虎</p>

 网页中的水平线+
 <hr>

 换行
 <br/>

 字体样式标签
 粗体: <strong>I Love You</strong>
 斜体:<en>I Love You</en>
 特殊符号
 &nbsp; 空格
 &gt;&lt;大于号小于号
 &copy;版权所有

 添加图片
 </imp> <imp>
 src=“这里的图片的地址”
 alt="这是如果图片加载失败打印的字"
 title="鼠标停留时候图片上的文字"
 <img src="../resources/image/ziji.jpg"alt="帅哥美女title="帅哥美女"/></imp>

  a标签是超链接标签
  <a href="2.基本标签.html" target="_blank">点击我跳转到页面一</a><br>
  href是必填，表示要跳转到哪个界面
  target表示窗口在哪里打开
  _blank在新标签中打开
  _self在自己网页打开不添加默认也是在自己网页打开

  --锚链接页面中跳转
  1.需要一个锚标记
  首先定义一个名字，也就是点击后跳转的位置
  <a name="down"> <h1>王志飞</h1></a>
  2.跳转到标记的地方
  href=的是掉转到那个页面注意加#，#后面是刚才name标记的名字，中间添加字体是点击的哪个字体
  <a href="2.基本标签.html#down">回到基本标签</a>


    块元素：
    无论多少内存该元素独占一行比如 p和 h1之h6

    行内元素：
    内容撑开宽度，左右都是行内元素的可以排在一排
    比如 a和strong，em


    列表:
    列表就是信息资源的一直展示形式，他可以使信息结构化和条理化，并以列表的样式展示出来，以便浏览者能更快捷的获取相应的信息
    列表的分类：
    无序列表
    有序列表
    定义列表
    dl:标签
    dt:列表名称
    dd:列表选项

    表格:
    好处:简单通用，结构稳定
    基本结构：单元格，行，类，跨行，跨列。
    行 tr
    列 td

    添加边框 参数是大小 border="1px"


    视频和音频
    src 资源路径
    controls 控制条
    autoplay 开启页面自动播放


    学习表单
    --表单form
    action:表单提交的位置，可以是网站，也可以是请求处理的地址
    method:get,post提交方式
    文本输入框 <input type="text">
    密码输入框 <input type="password">
    get方式提交:我们可以在url中看到我们提交的信息，高效，不安全
    post方式提交:比较安全，可以传输大文件get方式不能传输大文件
    value="志飞好帅"   初始值
     maxlength="8" 最大输入长度
      size="30"  设置文本框长度

      单选框标签 type="radio"
                value 单选框的值
              checked 单选框和多选框默认选择
                name="sex"表示组 name里面的参数一样就是一组

      多选框   <input type="checkbox" value="sleep" name="hobby">睡觉
                 checked 单选框和多选框默认选择

      按钮
                   <input type="button" 自己创建的按钮
                   <input type="image" 自己创建的图片按钮
                   <input type="submit">  提交按钮
                   <input type="reset">   清空输入框

     下拉框
          <select name="列表名称"> 开启下拉框
           <option value="us"> 美国</option>  设置下拉框的内容
          select name
            <select name="列表名称">
                      <option value="us"> 美国</option>
           下拉框默认选择 selected
        表单
        text  文本框
        radio  单选框
        checkbox   多选框
        image  图片
        button  按钮
        option  下拉框
        textarea    文本域
        file    选择文件
         email  邮箱
         url   URL 也就是网址验证
         number  数字验证
         range      滑动框
         search     搜索框
         type   提交按钮
         reset         清空按钮
         value   默认值
         readonly   只能值默认的那个值不能修改
         checked 单选框默认值选择哪个
         disabled   禁用 默认不能选择的值
         hidden     隐藏
         placeholder  文本框里面的提示
         required       非空