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表单域
        在这里插入图片描述
        六、团队约定
        在这里插入图片描述

      本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/248345.shtml

      如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

      相关文章

      EXCEL 图表 只在拐点的时候显示数字

      EXCEL图表只在折线的拐点显示数值&#xff0c;中间不需要显示。同时往下拐的&#xff0c;显示在上方&#xff0c;往上的显示在下方&#xff0c;这样数值不会挡住线。 首先&#xff0c;做一些模拟数据 因为起点和终点数值必须显示&#xff0c;所以单元格&#xff0c;C2 D2 C19 D…

      SQL语法(1、安装操作)

      1、数据库的系统概述及安装与基本使用 bilibili可查找安装视频百度了解一下 – 使用超级管理员登录 CONN sys/change_on_install AS SYSDBA ; – 创建c##scott用户 CREATE USER c##scott IDENTIFIED BY tiger ; – 为用户授权 GRANT CONNECT,RESOURCE,UNLIMITED TABLESPACE…

      第22章:MongoDB-聚合操作--聚合管道--$out

      ①$out$out&#xff1a;利用此操作可以将查询结果输出到指定的集合里面。②范例&#xff1a;将投影的结果输出到集合里③④⑤⑥⑦⑧⑨⑩⑪⑫⑬⑭⑮⑯⑰⑱⑲⑳转载于:https://www.cnblogs.com/Lucky-stars/p/10555296.html

      SQL简单查询

      1、简单查询 使用Oracle sql developer使用前&#xff0c;必须开启的服务&#xff1a; 查询emp表上的数据&#xff1a; select * from emp; Null为空&#xff0c;空不代表等于没有&#xff0c;null&#xff01;0. 重新连接后&#xff0c;注意大小写及空格位&#xff01; 简…

      SQL限定查询

      1、限定查询与排序显示 1.1限定查询的认识&#xff1a; 列&#xff1a;表中有大数据的信息&#xff0c;对数据进行筛选&#xff0c;查询到自己想要的信息。 &#xff08;数据过多显示过慢&#xff0c;或者死机&#xff0c;在已有的样本数据库容器CDB转换为PDB之中&#xff09;…

      浅谈五大Python Web框架

      http://www.csdn.net/article/2011-02-17/292058 导读&#xff1a;作者飞龙写了一篇《浅谈Python Web框架》&#xff0c;文中他介绍了几个Python Web框架和自己对选择框架的分析。在他看来&#xff0c;用Django来快速开发一些Web运用是很不错的选择。以下是文章内容&#xff1a…

      主流浏览器和内核及Web标准

      目前网络市场的浏览器主流&#xff1a; 课时3&#xff1a;web标准 WEB标准 w3c 万维网联盟组织&#xff0c;制定web标准的机构。 网页主要由三部分组成&#xff1a; 结构&#xff08;Structure&#xff09;、 表现&#xff08;Presentation&#xff09; 行为&#xff08;Beh…

      机器学习中的损失函数 (着重比较:hinge loss vs softmax loss)

      https://blog.csdn.net/u010976453/article/details/78488279 1. 损失函数 损失函数&#xff08;Loss function&#xff09;是用来估量你模型的预测值 f(x)f(x) 与真实值 YY 的不一致程度&#xff0c;它是一个非负实值函数&#xff0c;通常用 L(Y,f(x))L(Y,f(x)) 来表示。损失函…

      HTML入门第一和第二章

      课时4&#xff1a;HTML初识 1、英文名&#xff08;Hyper Text Markup Language&#xff09;超文本标签语言 对网页上的内容进行描述 课时5&#xff1a;HTML骨架 课时6&#xff1a;我的第一个页面及其标签简介 课时7&#xff1a;骨架记忆法 课时8&#xff1a;什么是标签及其分…

      H5第一天

      移动Web - 基础&流式布局 目标 了解移动端主要浏览器的内核掌握用谷歌浏览器调试移动端页面&#xff08;重要&#xff09;了解布局视口、视觉视口、理想视口使用mate标签设置理想视口&#xff08;重要&#xff09;了解视网膜屏、物理像素、二倍图会使用background-size设…

      boost::timer demo

      #include <iostream> #include <boost/timer.hpp> //timer的头文件 using namespace boost; //打开boost名字空间int main(int argc, char** argv) {timer t; //定义一个计时器对象,并开始计时/*可度量的最大时间,以小时为单位*/std::cout << "max …

      H5的第二天

      移动web开发——flex布局 目标 了解flex布局的优缺点及原理能够说出flex布局原理、使用语法、特点&#xff08;重点&#xff09;能够使用flex布局常用属性&#xff08;重点&#xff09;能够独立完成携程移动端首页 1.0 传统布局和flex布局对比 1.1传统布局 兼容性好布局繁…

      d3.js 入门指南 - 仪表盘

      D3的全称是Data-Driven Documents&#xff08;数据驱动的文档&#xff09;&#xff0c;是一个用来做数据可视化的JavaScript函数库&#xff0c;而JavaScript文件的后缀通常为.js&#xff0c;所以D3被称为D3.js。 d3.js可以定制出各种图形&#xff0c;今天来用d3.js制作一个简易…

      [转帖]华为的“大海思”与“小海思”

      华为的“大海思”与“小海思” https://www.cnbeta.com/articles/tech/828275.htm没先到华为海思这么狠.. 作为华为的全资子公司&#xff0c;说起海思半导体&#xff0c;大家可能第一时间会想起麒麟处理器。经过多年的持续的研发投入&#xff0c;华为海思自研的麒麟处理器现在确…

      H5第三天(1)

      响应式布局 ☞核心知识点 less媒体查询 学习目标 掌握less基本语法能够使用less编写css代码能够掌握媒体查询能够使用媒体查询实现响应式布局 Less介绍 维护CSS的弊端 CSS本质上不是一门语言,是一个简单的样式表.代码维护相对老套,不够灵活.LESS介绍 ☞LESS预处理器: 依…

      CocosPods 引入项目,哪些文件需要上传到服务器呢?

      以上除Podfile外&#xff0c;其它三个文件都不是必须提交的。其中Pods目录没必要提交&#xff0c;里面的文件都是根据Podfile描述的依赖库的配置信息下载和生成的文件。因为CocoaPods支持语义化版本号&#xff0c;所以需要Podfile.lock文件记住当前使用的版本&#xff0c;当然这…

      X-AdminABP框架开发-系统日志

      网站正常运行中有时出现异常在所难免&#xff0c;查看系统运行日志分析问题并能够根据错误信息快速解决问题尤为重要&#xff0c;ABP对于系统运行日志这块已经做了很好的处理&#xff0c;默认采用的Log4Net已经足够满足开发过程中的需要了(当然有需要的话也可以更换为其它日志组…

      学习笔记-canny边缘检测

      Canny边缘检测 声明&#xff1a;阅读本文需要了解线性代数里面的点乘&#xff08;图像卷积的原理&#xff09;&#xff0c;高等数学里的二元函数的梯度&#xff0c;极大值定义&#xff0c;了解概率论里的二维高斯分布 1.canny边缘检测原理和简介 2.实现步骤 3.总结 一、 Canny边…

      H5C3笔记微整合

      传统布局&#xff08;宽度百分比设置&#xff09; 伸缩布局&#xff08;flex&#xff09; 自适应布局&#xff08;lessrem媒体查询&#xff09; 1、less的使用 2、rem的使用 我的理解&#xff1a; 1、假如想把ui 给的图片设置在网页上&#xff0c;给网页设置个份额值为 x 2、…

      javaScript第一天(1)

      01-JavaScript基础 核心知识点 javaScript书写位置javaScript变量javaScript数据类型javaScript数据类型转换javaScript运算符 今日学习目标 能够定义一个变量并完成变量的赋值能够说出每一种具体的数据类型能够数据类型之间的相互转化能够掌握各种运算符的作用 序言 Java…