HTML+CSS 基础知识之HTML篇

• 课程资料网盘链接丢失，需要的联系1735707427@qq.com  课程时间短，内容充足 速刷！！
• 基础知识
  • HTML（超文本标记语言）不是编程语言而是一种标记语言； H5只是前端
  • HTML5的新特性
    • 可以绘画canvas 标签 用于媒介回放video 和audio元素

     

    • 对本地离线储存更好的支持正在上传…重新上传取消
  • 环境工具
    • 与浏览器

      

    • 本人用的是

      

      • 格式说明 唯一的格式是缩进
• 练习
  • 第一个练习 博客 文字处理
    • <h1> 是一个双标签有开始有 结束 是一个标题标签 H5有6个标题标签 <h1>--------</h1>

      

      • 可以看见文字由此减小 没有H7 不会有任何作用
    • 斜体也是双标签 有开始有结束 文字格式斜体标签 <i>--------</i>

      

    • 划线标签 单标签 <hr>

      

    • 换行标签 段落标签 <p> 双标签 由此可见已经换行成功 <p>--------</p>

      

    • 加粗文字 <b>--------</b>

      

    • <br>是在一段文字里强行加入空行 形成换行

      

    • 浏览器对于 空格是没有办法识别的 用 &nbsp; 表示空格 一个符号表示一个空格

      

    • 不常用标签

      

  • 第二个 练习 列表
    • title 的内容就是 网页标签

      

    • <ul>----------</ul> 无序列表 实心圆 空心圆 实心方块 通过type 来规定 type="disc" 为默认就是实心圆

      

    • 可以看见 可以设置不同的三种格式

      

    • <ol>-----------</ol> 有序列表 同样有五种格式

      

    • 无序列表 加入超链接
      • <a href=" 网址 ">庆祝新中国成立70周年</a>

        

      • 用空白窗口打开新页面 <a href=" 网址 " targer="_blank">庆祝新中国成立70周年</a>

        

  • 第三个 练习题
    • 图片标签
      • 重现图片标签<img src="要显示图片的路径">

        

      • 网页上的照片如果不设定规格 就是如此 格式设定如此 <img src="地址" width="px" height="">

        

      • 如下为修改格式的样子

        

    • <img src="地址" title="" alt=""> <!---title 为鼠标放上去所显示的文字 alt为照片加载失败所提示的文字 ->

      

    • 图片格式 设置
      • 图片下载

        

      • 绝对地址 与相对地址 绝对地址为基本不不变 再hubinx 里面的为相对地址 若要绝对地址则 第一为相对地址 第二为绝对地址

        

  • 第三节 表格标签
    • 表格

      

    • 因为现在没有设置格式所以就没有看见有边框 <table border="px"> 就可以设置

      

    • 有边框 但是有效问题 通过cellspacing="0"去消除相邻单元格之间的间隙

      

    • 进一步完善定高 定宽 给每个单元格军加上 现在就比较漂亮

      

    • 对其方式 align=“center ”居中对齐 可见文字居中对齐

      

    • 简单的表格方法 一样的效果

      

    • 让居中文字的话 也只用再行里添加 所有均居中

      

    • 单元格合并 在原来表格基础上进行处理 合并时先删除多余的单元格 之后再进行合并处理。

      

  • 第四节 表单
    • 表头文字加粗居中<th>------</th>
    • 使用列分组进行行高确定 <colgroup span="6" width="100px"> <colgroup span="1" width="200px">

      

    • 关于 tbody 标签 该标签是浏览器自动生成的<tbody>是表格的主体部分

      

    • 表单
      • 将数据传输给服务器就需要用到表单 <form> -----</form>

        

    • 表单控件 <intput type="">

      

    • type="text" 账号 密码输入界面设置

      

    • 之后就是提交设置 因为目前只是一个样式才会具有提交功能将 button改为submit 则就可以提交了 在form里写入action 加地址就可以提交了

      

    • 但是 上面的提交并没有在服务器上 缺少一个name属性才可以提交到服务器 此时就可以发现提交到服务器了 但是现在的重置没用

      

    • 重置按键是reset

      

    • 总结、

      

    • 补充
      • 表单与服务器通讯的两种方式 从服务器获取数据 发送数据给服务器