公输的学习记录day1-2

已于 2023-08-20 23:01:40 修改
阅读量53 收藏 1
点赞数 2
文章标签： 学习 html5
于 2023-08-20 21:45:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_73624861/article/details/132395303
版权

一：HTML语法规范

1.HTML标签是由尖括号包围的关键词，如

＜html＞

2.HTML标签通常是成对出现的，如＜html＞和＜/html＞，称双标签，第一个称开始标签，第二个是结束标签。

3.有些特殊的标签，必须是单个标签（极少情况），例如＜br /＞，称单标签。

二：标签关系

包含关系与并列关系

三：基本结构标签

＜html＞＜/html＞页面中最大的标签，称根标签

＜head＞＜/head＞文档的头部，在head标签里必须设置title标签

＜title＞＜/title＞文档的标题

＜body＞＜/body＞文档的主体

四：网页开发工具的使用

VScode的使用

Ctrl＋N新建文件

Ctrl+S保存，要注意保存为.html文件

！按下tab或直接点击生成骨架标签

通过右击open in default browser预览

常用快捷键

01.shift +alt +上下箭头，复制一行内容

02.Ctrl+d可以向下依次选择相同单词

03.Ctrl+alt+上下箭头，添加多个光标

04.Ctrl+h全局替换某些单词

05.Ctrl + g 然后输入行数

06.shift + alt +a多行注释

五：vscode工具生成骨架标签新增代码

1.＜!DOCTYPE ＞文档类型声明标签

＜！DOCTYPE html＞指当前页面采取HTML5版来显示网页，必须置于文档最前面，处于  ＜html＞标签之前。

2.＜html lang="en"＞lang 语言表达种类，en为定义英文网页，    zh-CN为中文网页

3.＜meta charset="UFT-8" ＞是必须写的代码，否则可能引起乱码的情况

UFT-8称为万国码，基本包含所有国家能用到的字符

 

 

 

 

 

 

 

公输哥哥
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
2公输——学生学习课件
11-23
### 1. 墨子及其思想 - **墨子简介**：墨子是中国历史上著名的哲学家、科学家、工程师和社会活动家，生活在春秋末期至战国初期。他的学说强调实用主义和社会公平。 - **主要思想**：墨子的思想体系主要包括“兼爱”...
公输练习题2精选.doc
09-26
《公输》这篇练习题主要涉及的是中国古代文言文的学习，包括字词注音、解释、通假字、翻译以及文段阅读理解。以下是详细的知识点解析： 1. 字词注音与解释： - 公输盘（bān）：指公输般，即鲁班。 - 敝舆（bì y...
公输的前端基础学习记录day2-1
m0_73624861的博客
08-21 66
要把图片放在html所在文件夹中， ＜img src="img.jpg" alt="文字"＞当图片加载失败，显示不出来时，显示alt里边的内容，如果图片能出来，alt里的文字就不显示。c，属性采用键值对的格式，即key="value "的格式，属性="属性值"。＜strong ＞加粗＜/strong ＞更推荐使用，比 ＜b＞语义更加强烈，＜b＞加粗＜/b＞3）＜del＞删除线＜/del＞或＜s＞＜/s＞， ＜del＞优先，更强烈。＜em＞倾斜＜/em＞或＜i＞＜/i＞，＜em＞更推荐使用，更强烈。
公输的前端学习记录day11-2
m0_73624861的博客
09-01 33
层叠性，继承性，优先级。
公输的前端学习记录day3-2
m0_73624861的博客
08-22 48
分别用＜thead＞标签表格的头部区域 ， 内部必须拥有＜tr＞标签，一般位于第一行。使用场景：因为表格可能很长，为了更好的表示表格的语义，可以将表格分割成表格头部和表格主题两大部分。特别是后台展示数据时。2）＜tr＞＜/tr＞用于定义表格中的行，必须嵌套在＜table＞＜/table＞内。3）＜td＞＜/td＞用于定义单元格，必须嵌套在＜tr＞＜/tr＞标签中。以上两个标签都是放在＜table＞＜/table＞标签中的。1）＜table＞＜/table＞用于定义表格标签。＜td＞单元格内的文字＜/td＞
公输的前端学习记录day13-2（css）
m0_73624861的博客
09-02 29
radius半径（圆的半径）原理：（椭）圆与边框的交集形成圆角效果。也可以跟四个值，分别代表左上，右上，右下，左下，（顺时针一圈）参数可以是px也可以是百分比，百分比就是宽度和高度的百分比。h-shadow必需，水平阴影位置，允许负值（负值往左走）（css3新增）box-shadow属性为盒子添加阴影。（2）盒子阴影不占用空间，不会影响其他盒子排列。圆角矩形（两边都是半圆的）设置成高度的一半。注：（1）默认外阴影，不允许写outset。blur可选，模糊距离（虚实）一般用半透明颜色rgba。
公输的前端学习记录day16-18-综合案例（学成在线）
m0_73624861的博客
09-05 39
1。这是典型的企业级网站2。目的是为了整体感知企业级网站布局流程，复习以前知识。
公输的前端学习记录day19-css定位
m0_73624861的博客
09-10 50
注：子绝父相不是永远不变的，如果父元素不需要占有位置，子绝父绝也会遇到。
公输的前端学习记录day4-1（列表标签和表单标签）
m0_73624861的博客
08-23 44
表格是用来显示数据的，列表是用来布局的。根据使用场景不同，列表可以分为无序列表，有序列表和自定义列表。1）无序列表（重点！！！＜ul＞标签表示HTML页面中项目的无序列表，一般会以项目符号呈现列表项，而列表项使用＜li＞标签定义。基本语法格式：＜ul＞＜li＞列表项1＜/li＞＜li＞列表项2＜/li＞。。。＜/ul＞注意：各列表项之间是没有顺序级别之分的，是并列的。＜ul＞标签中只能放＜li＞，其他标签都不能放，也不能直接放文字。
公输的前端学习记录day9
m0_73624861的博客
08-29 43
常见的行内标签有＜a＞＜strong＞＜b＞＜em＞＜i＞＜del＞＜s＞＜ins＞＜u＞＜span＞等，其中＜span＞是最典型的行内元素，有的地方也称内联元素。注：文字类元素不能使用块级元素，如＜p＞主要用于存放文字，一次＜p＞里面不能放块元素，特别是不能放＜div＞，同理＜h1＞~＜h6＞也是。＜h1＞~＜h6＞，＜p＞，＜div＞，＜ul＞，＜ol＞，＜li＞等，＜div＞是最典型的块元素。＜img/＞＜input/＞＜td＞同时具有块元素和行内元素的特点，有些资料称行内块元素。
公输的前端学习记录day10
m0_73624861的博客
08-31 36
background-repeat：repeat（平铺）丨no-repeat（不平铺）丨repeat-x（沿x轴平铺）丨repeat-y。（1）如果都是方位名词，则两个值前后顺序无关，如：left top和top left效果一致。一般情况下默认值是transparent（透明），我们也可以手动指定背景颜色为透明色。background-attachment：scroll（滚动）丨fixed（固定）（2）如果只指定了一个方位名词，另一个省略，则第二个值默认居中对齐。第一个一定是x坐标，第二个一定是坐标。
AvaloniaUI的学习
最新发布
lishuangquan1987的博客
07-25 768
官方中文文档：https://docs.avaloniaui.net/zh-Hans/docs/welcome。
Python编程学习第一篇——Python零基础快速入门（六）（4）异常处理
urhero的专栏
07-25 267
我们已经了解了Python的基本数据类型、变量和基本的逻辑控制语句，基于这些基础知识可以编写一些小程序了，但是在写程序的时候我们会发现，有时候程序并不是按我们预期的方向执行，有的直接报错，有的没有报错，却并未得到我们预期的结果。在这个例子中，除数为0会引发ZeroDivisionError异常，我们将异常信息赋值给变量e，并输出"除数不能为0"和异常信息。在这个例子中，由于除数不为0，所以没有发生ZeroDivisionError异常，代码会执行else语句块，并输出结果2.0。
Spring Security学习笔记（二）Spring Security认证和鉴权
飞！！！的博客
07-24 686
用户认证的基础Filter，只有UsernamePasswordAuthenticationFilter这一个实现类。...//主要方法//先校验请求url与表单校验提交的url是否一致，不一致执行下一个Filter//一致的话就执行认证逻辑，一般默认的表单提交url是"/login"if (!} else {try {//实现类执行具体的认证逻辑return;//由子类实现具体的验证逻辑...
FastAPI（八十）实战开发《在线课程学习系统》接口开发-- 课程列表
mr~li的博客
07-25 245
源码见："
SAP PP学习笔记31 - 计划运行的步骤2 - Scheduling(日程计算)，BOM Explosion(BOM展开）
shi_ly的专栏
07-24 754
本章主要讲Scheduling(日程计算),其中包括 外部调达中的调度，生产订单中的调度，修改需求日期(其实就是在物料中增加安全时间和BOM中的提前期偏置量)。另外还讲了BOM展开的内容，详细讲了BOM选择的各种方法，除了按数量选BOM之外，还有其他比如 按日期，按生产版本等，而其中按日期又分为按订单开始日期，订单终了日期等，越趋复杂。
虚拟机学习
weixin_63374588的博客
07-25 201
虚拟机的优点：虚拟机使用教程：
这段代码哪错了 #include <iostream> #include <iomanip> using namespace std; class Staff { protected: int code; string name; static int count; public: Staff(string n) { name = n; code = count; count++; } void SetName(string s) { name = s; } string GetName() { return name; } int GetCode() { return code; } static int GetStaffCount() { return count; } }; class Teacher : virtual public Staff { protected: string subject; public: Teacher(string n, string m) : Staff(n) { subject = m; } void SetSubject(string s) { subject = s; } string GetSubject() { return subject; } }; class Officer : virtual public Staff { protected: string work; public: Officer(string n, string m) : Staff(n) { work = m; } void SetWork(string s) { work = s; } string GetWork() { return work; } }; class Teacher_Officer : public Teacher, public Officer { public: Teacher_Officer(string n, string m, string s) : Staff(n), Teacher(n, m), Officer(n, s) {} }; int main() { Teacher t1("孔子", "儒家文学"); // 创建教学类员工t1 Teacher t2("公输班", "建筑学"); Officer o1("端木赐", "财务科长"); // 创建教辅类员工o1 Teacher_Officer to3("颜回", "儒家文学", "副院长"); // 创建教师教辅类员工to3 cout << "共有教职工" << Staff::GetStaffCount() << "人" << endl; cout << t1.GetCode() << ", " << t1.GetName() << ", " << t1.GetSubject() << endl; cout << t2.GetCode() << ", " << t2.GetName() << ", " << t2.GetSubject() << endl; cout << o1.GetCode() << ", " << o1.GetName() << ", " << o1.GetWork() << endl; cout << to3.GetCode() << ", " << to3.GetName() << ", " << to3.GetSubject() << ", " << to3.GetWork() << endl; return 0; }
05-17
这段代码有两个问题： 1.需要将 `count` 初始化为 0，因为静态成员变量不会自动初始化为 0。 2.在 `Teacher_Officer` 类的构造函数中，应该只给 `Teacher` 和 `Officer` 传递它们自己的参数，而不是将 `Staff` 类的参数也传递进去。 修改后的代码如下： ``` #include <iostream> #include <iomanip> using namespace std; class Staff { protected: int code; string name; static int count; public: Staff(string n) { name = n; code = count; count++; } void SetName(string s) { name = s; } string GetName() { return name; } int GetCode() { return code; } static int GetStaffCount() { return count; } }; int Staff::count = 0; class Teacher : virtual public Staff { protected: string subject; public: Teacher(string n, string m) : Staff(n) { subject = m; } void SetSubject(string s) { subject = s; } string GetSubject() { return subject; } }; class Officer : virtual public Staff { protected: string work; public: Officer(string n, string m) : Staff(n) { work = m; } void SetWork(string s) { work = s; } string GetWork() { return work; } }; class Teacher_Officer : public Teacher, public Officer { public: Teacher_Officer(string n, string m, string s) : Teacher(n, m), Officer(n, s) {} }; int main() { Teacher t1("孔子", "儒家文学"); // 创建教学类员工t1 Teacher t2("公输班", "建筑学"); Officer o1("端木赐", "财务科长"); // 创建教辅类员工o1 Teacher_Officer to3("颜回", "儒家文学", "副院长"); // 创建教师教辅类员工to3 cout << "共有教职工" << Staff::GetStaffCount() << "人" << endl; cout << t1.GetCode() << ", " << t1.GetName() << ", " << t1.GetSubject() << endl; cout << t2.GetCode() << ", " << t2.GetName() << ", " << t2.GetSubject() << endl; cout << o1.GetCode() << ", " << o1.GetName() << ", " << o1.GetWork() << endl; cout << to3.GetCode() << ", " << to3.GetName() << ", " << to3.GetSubject() << ", " << to3.GetWork() << endl; return 0; } ```
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值