HTNL笔记整合

简述概括了HTML 的部分内容,不是很完善,希望能给予你们相对的帮助。
一下文件的整合百度云链接:HTML整合笔记

第一章 HTML入门

课时1:HTML初识

1、英文名(Hyper Text Markup Language)超文本标签语言
对网页上的内容进行描述

课时2:HTML骨架(记忆方法)
在这里插入图片描述
课时3:我的第一个页面及其标签简介
在这里插入图片描述

课时4:什么是标签及其分类

在这里插入图片描述

课时5:标签嵌套和并列关系
在这里插入图片描述
在这里插入图片描述
如果两个标签之间的关系是嵌套关系,子元素最好缩进一个tab键的身位(一个tab是4个空格)。如果是并列关系,最好上下对齐。

课时6:简单小测验
在这里插入图片描述

课时7:开发工具

	新手建议,随便啦,练习阶段,能开发前端的,什么工具都行。
	可以 “百度” 找一下,新生改用哪些前端开发软件好用就行了。
	加油!!!么么哒。。

	本人用的  sublime 开发软件。

课时8:sublime生成html骨架
在这里插入图片描述
课时9:doctype文档类型
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

课时10:字符集简介
在这里插入图片描述

第二章 : HTML标签

课时11:标签的语义化及标题标签
在这里插入图片描述

2、标题标签 <h1> ~ <h6>在这里插入图片描述
标题标签的最高只能设置到 h6 ,成 1~6 的递减模式

注意:因为h1的标签最大, 尽量少用。

课时12:段落标签和水平线标签
1、段落标签 <p> </p>
<p></p>段落标签进行段落的划分,从而言简意赅。
在这里插入图片描述
2、水平标签 <hr/>
通过添加 <hr/> 水平标签,设置水平线,进行内容的分割

在这里插入图片描述

注意: 标签的显示不一: 有 <p> 开始 </p> 结束的, / 结束时在前

有直接 < hr / > 结束的,/ 结束时在后

课时13:课堂案例-新闻页面

在这里插入图片描述
课时14:换行和div span标签

1、换行 <br/> 在这里插入图片描述
2、div大盒子 span小盒子 标签
在这里插入图片描述
课时15:文本格式化标签

在这里插入图片描述
在这里插入图片描述
课时16:标签属性
在这里插入图片描述
在这里插入图片描述
属性设置,不分前后顺序。

课时17:图像标签
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
img的属性有 高宽,**width、 height、**文本框 border 等。。。。
Title: 点击相应的图片时,出现图片的说明显示
Alt: 图片加载不成功,及未放图片的说明

课时18:链接标签
在这里插入图片描述
在这里插入图片描述
Href属性为链接的地址
Target属性为新建打开网页窗口

课时19:锚点定位
在这里插入图片描述
在这里插入图片描述
课时20:base标签
在这里插入图片描述
在这里插入图片描述
课时21:特殊字符

特殊字符对应查询链接:

课时22:注释标签(此注释为html中的注释样式)
在这里插入图片描述

课时23:路径选择
在这里插入图片描述
在这里插入图片描述
课时24:无序列表的使用
在这里插入图片描述
属性: type : 空心圆 circle \ 实心圆disc\实心方块square . 默认disc

课时25:无序列表注意事项

1、

    中只能嵌套
    • ,直接在
        标签中输入其他标签或者文字的做法是不被允许的。
        2、
      • 之间相当于一个容器,可以容纳所有元素。
        3、 无序列表会带有自己样式属性,放下那个样式,一会让CSS来

        课时26:有序列表
        在这里插入图片描述
        在这里插入图片描述
        属性: type : 设置拍寻方式 1(数字为默认) ai 三种

        课时27:四大名著案例
        在这里插入图片描述

        课时28:自定义列表

        在这里插入图片描述
        在这里插入图片描述
        在这里插入图片描述课时29:创建表格
        平时开发,这三个参数 border cellpadding cellspacing 为 0
        在这里插入图片描述
        在这里插入图片描述
        在这里插入图片描述
        在这里插入图片描述
        课时30:合并单元格

        1. 合并单元格2种方式
          跨行合并:rowspan=“合并单元格的个数”
          跨列合并:colspan=“合并单元格的个数”
        2. 合并单元格顺序
          合并的顺序我们按照 先上 后下 先左 后右 的顺序
        3. 合并单元格三步曲
          1.先确定是跨行还是跨列合并
          2.根据 先上 后下 先左 后右的原则找到目标单元格 然后写上 合并方式 还有 要合并的单元格数量
          3.删除多余的单元格 单元格
          在这里插入图片描述
          在这里插入图片描述
          课时31:表单标签的掌握

        一、 input 控件(重点)
        语法:在这里插入图片描述

        • input 输入的意思
        • 标签为单标签
        • type属性设置不同的属性值用来指定不同的控件类型
        • 除了type属性还有别的属性

        常用属性:
        在这里插入图片描述
        在这里插入图片描述
        在这里插入图片描述
        二、label标签(理解)
        在这里插入图片描述
        三、textarea控件(文本域)
        在这里插入图片描述
        四、select下拉列表
        目的:
        如果有多个选项让用户选择,为了节约空间,我们可以使用select控件定义下拉列表.
        在这里插入图片描述
        五、form表单域
        在这里插入图片描述
        六、团队约定
        在这里插入图片描述

      评论
      添加红包

      请填写红包祝福语或标题

      红包个数最小为10个

      红包金额最低5元

      当前余额3.43前往充值 >
      需支付:10.00
      成就一亿技术人!
      领取后你会自动成为博主和红包主的粉丝 规则
      hope_wisdom
      发出的红包

      打赏作者

      黑白两客

      你的鼓励将是我创作的最大动力

      ¥1 ¥2 ¥4 ¥6 ¥10 ¥20
      扫码支付:¥1
      获取中
      扫码支付

      您的余额不足,请更换扫码支付或充值

      打赏作者

      实付
      使用余额支付
      点击重新获取
      扫码支付
      钱包余额 0

      抵扣说明:

      1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
      2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

      余额充值