16 changed files with 494 additions and 3 deletions
-
2.idea/workspace.xml
-
BINzhangbo/感想.docx
-
7zhangbo/第三天技术学习笔记.txt
-
16zhangbo/第三天股票知识学习笔记.txt
-
4zhangbo/第四天技术学习笔记.txt
-
63zhangbo/第四天股票知识学习笔记.txt
-
0吴光慧学习笔记/10.28/10.28学习总结-吴光慧.docx
-
229吴光慧学习笔记/10.29/study1.html
-
85吴光慧学习笔记/10.29/study2.html
-
46吴光慧学习笔记/10.29/study3.html
-
41吴光慧学习笔记/10.29/study4.html
-
2孙维宁学习笔记/10.27孙维宁git学习笔记.txt
-
2孙维宁学习笔记/10.28孙维宁git学习笔记.txt
-
BIN孙维宁学习笔记/10.29孙维宁学习笔记.docx
-
BIN孙维宁学习笔记/10.30孙维宁学习笔记.docx
-
BIN李延霜学习笔记/HTML学习总结.pdf
@ -0,0 +1,7 @@ |
|||
对java后端的知识进行了系统性的学习 |
|||
包括:Java基本数据类型,面向对象的相关知识,还有流程控制和异常处理 |
|||
对于集合框架方面,学习了Collection和Map以及他们的实现类,集合的底层原理和线程安全也进行了学习 |
|||
还学习了泛型,注解和反射,还了解了jvm的内存结构和垃圾回收机制,以及类加载机制。 |
|||
对昨天学习的数据库的相关知识进行了复习,sql语法增删改查,还有索引,索引失效的情况 |
|||
事务的隔离级别,锁机制以及存储引擎。 |
|||
明天计划学习Spring Boot3的相关知识,并且对昨天和今天学到的知识复习 |
|||
@ -0,0 +1,16 @@ |
|||
夺宝奇兵超级云脑「云脑探秘」学习笔记10月29日 |
|||
围绕股票术语与基础知识,系统学习了夺宝奇兵超级云脑的「云脑探秘」模块。 一、夺宝奇兵超级云脑以“服务散户”为核心,通过三层定位构建完整的智能投资辅助体系,解决散户“分析难、决策难、操作难”的痛点。 夺宝奇兵整体定位专为散户设计的智能投资辅助体系,以AI技术为核心,覆盖“价值判断-风险评估-趋势捕捉-资金跟踪-操作决策”全流程。核心价值是将复杂的市场数据(如财报、资金流向)转化为直观、可落地的投资依据,无需散户具备专业分析能力。超级云脑核心定位 整个体系的“智能分析中枢”,聚焦多维度数据拆解与决策支撑。不直接面向散户展示,而是通过计算输出股票估值、安全级别等核心指标,为「云脑探秘」模块提供数据支撑。云脑探秘窗口定位 超级云脑智慧决策的“可视化核心窗口”。对超级云脑的分析结果进行优化升级,将“股票估值、安全级别、压力支撑、趋势研判、庄家成本、情绪价值”六大维度以更醒目、有区分度的形式呈现,是散户直接获取决策信息的入口。 |
|||
二、超级云脑智慧决策:三大设计逻辑,直击散户痛点,降低投资门槛,覆盖决策全链路。 |
|||
全维度数据支撑 整合交易所实时行情、上市公司财报、主力资金流向、市场情绪数据四大类信息,确保分析依据“全面且精准”。避免散户因数据不全导致的片面判断(如仅看股价忽略资金流向)。专业术语通俗转化 将“市盈率(PE)、市净率(PB)、支撑线、压力线”等专业术语,转化为散户易懂的“值不值买”“安全不安全”“能不能进场”等结论。无需散户记忆繁杂术语,直接获取核心判断。 投资决策闭环覆盖 从“判断股票价值”到“评估投资风险”,再到“捕捉买卖时机”,完整覆盖散户投资决策的核心环节。提供“一站式辅助”,避免散户因环节缺失导致的决策漏洞(如只看价值忽略趋势)。 |
|||
三、云脑探秘五大核心模块:功能+术语+解决方案 「云脑探秘」的五大模块分别对应投资决策的不同维度。 |
|||
1.股票估值:用基本面指标判断“值不值买”。核心功能 基于基本面分析逻辑,AI自动计算市盈率(PE)、市净率(PB)、每股收益(EPS),对比行业均值与历史数据,直接输出“高估/合理/低估”结论。股票术语关联 - 核心指标:市盈率(股价÷每股盈利)、市净率(股价÷每股净资产),是基本面分析中判断股票内在价值的核心依据。 |
|||
2.安全级别+压力支撑:用风险与价位明确“能不能买、该在哪买” 核心功能 - 安全级别:通过“六色罗盘”划分“极高风险-较高风险-中等风险-较为安全-高安全”五级,明确股票风险敞口。 - 压力支撑:计算股价关键支撑位(下跌止跌价)与压力位(上涨受阻价),标注支撑/压力强度,提示“放量突破”条件。 #### 股票术语关联 - 安全级别:极高风险对应ST股、垃圾股(非系统风险高);高安全对应蓝筹股、绩优股(基本面稳定)。 - 支撑位:技术分析中的“支撑线”,如前期低点、均线位置,买盘集中导致股价止跌。 - 压力位:技术分析中的“压力线”,如前期高点、密集成交区,卖盘集中导致股价回落。 - 放量突破:股价突破压力位时需“成交量放大”(放量上涨),后续上涨趋势更稳固。问题解决方案 - 解决痛点:散户“不敢买(怕风险)、不会卖(怕被套)”,明确安全边界与买卖价位。 - 实操价值:较高安全+强支撑的标的可优先买;接近强压力位时提示止盈/观望,避免追高被套;突破压力位时明确持有条件。 |
|||
3.趋势研判:用趋势方向决定“该持有还是离场”核心功能 AI区分“中长期趋势”与“短期趋势”,标注“上升/下跌/横盘整理”状态,结合短期强弱(强势/弱势/震荡),提供持仓决策依据。股票术语关联 - 中长期趋势:对应道氏理论“基本运动”(周期1年以上),如牛市上升、熊市下跌。 - 短期趋势:对应道氏理论“次级运动”(3周至数月)或“日常运动”(6-10天),如牛市回调、熊市反弹。 - 趋势依据:均线多头排列(MA5/MA10/MA20向上)=中长期上升;均线空头排列=中长期下跌。 - 顺势而为:契合“趋势交易”理念,避免“逆势操作”(如熊市抄底、牛市割肉)。问题解决方案 - 解决痛点:散户易被日内波动误导,无法判断核心趋势,导致“拿不住牛股、抄底在山腰”。 - 实操价值:中长期上升+短期强势=坚定持有;中长期下跌+短期反弹=反弹后离场;适配价值投资(看长期)与技术派(看短期)需求。 |
|||
4.庄家成本:用主力筹码判断“自己有没有成本优势”核心功能 通过大数据筹码模型,测算庄家长短期“筹码成本”,标注筹码集中程度,帮助散户对比自身持仓成本与主力成本。股票术语关联 - 庄家:影响股价的机构大户,其吸筹、洗盘、拉升、出货行为直接决定股价走势。 - 筹码成本:庄家吸筹阶段的平均买入价(成本线),散户成本低于主力=具备成本优势。 - 筹码集中:主力吸筹充分,后续拉升概率大;筹码分散=主力可能已出货,风险高。 - 主力出货风险:股价远高于主力成本+筹码分散,对应“主力出货”,需规避回调。 |
|||
问题解决方案 - 解决痛点:散户难分析龙虎榜、资金流向,无法判断主力意图,导致“跟庄跟不上、被套在高位”。 - 实操价值:成本低于主力+筹码集中=坚定持有;成本高于主力+接近压力位=止盈离场,避免主力出货后深套。 |
|||
5.情绪价值:用市场情绪避免“追涨杀跌”核心功能 AI情绪大模型捕捉市场情绪,提示“情绪过热/低迷/拐点”,帮助散户克服人性弱点(贪婪、恐惧),理性决策。股票术语关联 - 情绪过热:对应“超买”,市场人气高涨,股价高位,散户易“高点接盘”(如牛市末期追涨)。 - 情绪低迷:对应“超卖”,市场恐慌,股价低位,散户易“割在地板上”(如熊市末期割肉)。 - 情绪拐点:对应“多空转换”,情绪从乐观转谨慎(多头转空头)或恐慌转企稳(空头转多头),是关键买卖信号。 - 情绪与成交量:过热伴“天量”(人气峰值成交量);低迷伴“地量”(市场冷清成交量)。问题解决方案 - 解决痛点:散户易被情绪裹挟,追涨在高点、割肉在低点,无法预判情绪拐点。 - 实操价值:情绪过热=减仓/观望;情绪低迷=持有/低吸;情绪拐点=提前布局(如恐慌转企稳时逢低买),契合“逆向投资”理念。 |
|||
四、超级云脑实操小手册:从选股到卖出的全流程指南 以“散户实操场景”为核心,将五大模块对应到“选股-买入-持有-卖出”四环节,提供 step-by-step 操作逻辑。 |
|||
1. 选股环节:锁定优质标的,核心是“选价值、避风险” 目标:排除高风险、高估值标的,筛选有主力支撑的优质股。用“股票估值”排除高估值陷阱,优先选择“低估”或“合理”标的。用“安全级别”划定风险边界,只选“较为安全”及以上等级的标的。用“庄家成本”判断主力态度,优先筹码集中、散户成本低于主力的标的。 |
|||
2.买入环节:找精准时机,核心是“不追高、买支撑” 目标:避免在情绪高点或高位买入,在安全价位进场。用“压力支撑”找安全买入价,在“强支撑位”附近进场(如股价回调至支撑线)。用“情绪价值”避情绪高点,避开“情绪过热”阶段,选择“情绪稳定”或“低迷企稳”时买入。 |
|||
3.持有环节:定持仓策略,核心是“顺趋势、跟主力” 目标:坚定持有优质标的,及时识别趋势反转信号。用“趋势研判”看长期方向,中长期上升趋势可坚定持有;中长期下跌趋势需警惕。用“庄家成本+主力资金”看短期动能,筹码持续集中、主力资金流入,可继续持有;筹码分散、资金流出,需减仓。 |
|||
4. 卖出环节:抓止盈止损点,核心是“不贪多、不扛跌” 目标:及时止盈落袋,避免亏损扩大。用“压力支撑”定止盈点 实操示例:某股票压力位3920.371,当前股价3918,压力强度“一般”。若当日成交量未放大,可在3920附近止盈;若成交量放大突破3920,可持有至下一个压力位。用“情绪价值+支撑位”定止损点 解读:若情绪从“稳定”转为“恐慌”且提示“极端恶化”,同时股价跌破“强支撑位”且支撑强度减弱,需立即止损,避免亏损扩大(如股价跌破支撑线后无反弹,果断离场)。 |
|||
@ -0,0 +1,4 @@ |
|||
今天主要学习了spring boot相关知识 |
|||
什么是spring boot,spring的优势,怎么创建spring项目,通过idea直接创建,以及spring的一些核心特性 |
|||
自动配置,依赖,对spring boot的一些核心注解进行了学习 |
|||
了解了nacos和seata以及dubbo等。还有aop面向切面编程 |
|||
@ -0,0 +1,63 @@ |
|||
夺宝奇兵超级云脑学习总结 |
|||
10月29日,结合股票基础术语与实操场景,系统学习了夺宝奇兵超级云脑的“云脑探秘”与“机构动向”两大核心模块。本次学习核心目标为掌握AI辅助投资工具的底层逻辑、模块功能及全流程应用方法,现将学习成果按“核心定位-模块解析-实操指南-学习心得”框架总结如下: |
|||
一、核心定位:散户专属的智能投资辅助体系 |
|||
超级云脑以“AI+大数据”为核心驱动力,专为散户破解投资分析门槛高、决策盲目性大等痛点,构建了“价值判断-风险评估-趋势捕捉-资金跟踪-操作决策”的全流程辅助体系。其核心优势在于将复杂的基本面、技术面分析及资金数据,转化为可视化、易理解的直观结论,实现“无需深研术语,即可精准决策”。 |
|||
1. 双模块核心分工 |
|||
云脑探秘:智慧决策的“可视化核心窗口”,聚焦股票自身价值与趋势的深度解析,涵盖股票估值、安全级别、压力支撑、趋势研判、庄家成本、情绪价值六大维度,为个股质地判断提供全面依据。 |
|||
机构动向:资金博弈的“实时跟踪仪表盘”,聚焦市场资金流向与主力行为,通过当日资金、主力资金、主力吸筹、庄散对决四大维度,呈现资金层面的博弈状态,为时机选择提供核心支撑。 |
|||
2. 底层设计逻辑 |
|||
全维度数据支撑:整合交易所实时行情、上市公司财报、主力资金流向、市场情绪舆情等多源数据,确保分析依据的全面性与精准性,类似专业机构的量化分析数据基础。 |
|||
术语通俗转化:将市盈率(PE)、支撑线、筹码集中等专业术语,转化为“值不值买”“安全不安全”“主力在吸筹还是出货”等散户易懂的结论,降低认知门槛。 |
|||
全流程决策覆盖:从选股(价值判断)、买入(时机捕捉)、持有(趋势跟踪)到卖出(止盈止损),形成闭环辅助,解决散户“碎片化决策”痛点。 |
|||
二、核心模块深度解析:术语+功能+实操价值 |
|||
(一)云脑探秘:六大维度解析个股核心价值 |
|||
1. 股票估值:破解“值不值买”的核心标尺 |
|||
核心功能:AI基于基本面分析逻辑,自动计算市盈率(PE)、市净率(PB)、每股收益(EPS)等核心指标,对比行业均值与历史数据,直接输出“高估/合理/低估”结论。 |
|||
术语拆解:PE(股价÷每股盈利)、PB(股价÷每股净资产)是基本面分析的核心指标——PE反映“盈利性价比”,PB反映“资产性价比”。例如垃圾股因题材炒作导致PE远超行业均值,即存在“高估值陷阱”;而盈利稳定的蓝筹股PE处于历史低位,则为“低估性价比标的”。 |
|||
实操价值:无需散户手动计算财务数据,直接规避“追高泡沫股”风险,精准锁定价值投资标的(如低估行业龙头、绩优成长股)。 |
|||
2. 安全级别+压力支撑:划定“安全边界”与“买卖点位” |
|||
核心功能:安全级别通过“六色罗盘”划分五级风险(极高-较高-中等-较为安全-高安全);压力支撑基于技术面逻辑,计算关键支撑位(下跌止跌点)与压力位(上涨受阻点),并标注强度。 |
|||
术语拆解:极高风险对应ST股、垃圾股等“非系统风险标的”,高安全对应蓝筹股等“基本面稳定标的”;支撑位即技术面“支撑线”(如前期低点、均线位),压力位即“压力线”(如前期高点、密集成交区),突破压力位需“放量上涨”才更稳。 |
|||
实操价值:解决“不敢买、不会卖”痛点——高安全+强支撑标的可优先买入;接近强压力位时提示止盈,跌破强支撑位时提示止损。 |
|||
3. 趋势研判:跳出日内波动,锚定核心方向 |
|||
核心功能:AI整合K线、移动平均线(MA5/MA10/MA20)、成交量等指标,区分“中长期趋势”(一年以上,道氏理论“基本运动”)与“短期趋势”(数天至数月,“次级/日常运动”),标注“上升/下跌/横盘”及强弱状态。 |
|||
术语拆解:“均线多头排列”对应中长期上升趋势,“均线空头排列”对应中长期下跌趋势,契合“趋势交易”理念,规避“逆势操作”(如熊市抄底、牛市割肉)。 |
|||
实操价值:为不同风格散户提供依据——价值投资者看中长期趋势,技术派结合短期趋势捕捉时机。 |
|||
4. 庄家成本:揭秘主力行为,掌握成本优势 |
|||
核心功能:通过筹码模型挖掘龙虎榜、资金流向数据,测算庄家长短期“筹码成本”,标注筹码集中程度,判断主力处于吸筹、洗盘、拉升还是出货阶段。 |
|||
术语拆解:筹码成本即主力吸筹的平均价,“筹码集中”说明主力吸筹充分,后续拉升概率大;“筹码分散”可能是主力出货后状态,风险高。 |
|||
实操价值:散户可对比自身成本与主力成本——成本低于主力且筹码集中可坚定持有,成本高于主力且接近压力位需止盈。 |
|||
5. 情绪价值:克服人性弱点,理性决策 |
|||
核心功能:AI情绪模型捕捉成交量、股价波动、投资者言论等数据,判断“情绪过热(超买)、低迷(超卖)、稳定、拐点”四种状态。 |
|||
术语拆解:情绪过热伴随“天量”(高点接盘风险),情绪低迷伴随“地量”(割在地板风险),情绪拐点对应“多空转换”信号。 |
|||
实操价值:规避情绪化操作——过热时减仓,低迷时不盲目割肉,拐点时顺势布局(逆向投资)。 |
|||
(二)机构动向:四大维度跟踪资金博弈 |
|||
作为“资金跟踪核心”,实时展示资金流向趋势,聚焦四大维度,为决策提供资金层面支撑,与“云脑探秘”形成互补。 |
|||
当日资金:展示多空资金流向,对应“买盘强劲”(多头净流入,上涨概率大)或“卖压沉重”(空头净流入,下跌概率大)。 |
|||
主力资金:反映机构大户买卖态度,是短期股价核心驱动力——持续净流入则短期上涨动能充足。 |
|||
主力吸筹:对应“建仓”,提示“集中吸筹”时伴随成交量温和放大、股价横盘,预示后续拉升。 |
|||
庄散对决:展示持仓比例变化——主力持仓占比高且增加,说明主力控盘,股价更稳定;散户占比高则波动加剧。 |
|||
实操价值:信号组合判断——“估值低估+主力净流入+吸筹”为三重利好;“趋势下跌+主力净流出+散户增仓”为明确风险。 |
|||
三、全流程实操指南:从选股到卖出的模块组合应用 |
|||
基础认知:成交量红色柱代表收阳时成交量,绿色柱代表收阴时成交量,是判断趋势、突破有效性的关键辅助。 |
|||
1. 选股环节:选价值、避风险(三大模块+机构佐证) |
|||
1. 第一步:用“股票估值”筛除高估值泡沫股,锁定PE/PB处于合理或低估区间的标的; |
|||
2. 第二步:用“安全级别”划定范围,优先选择“较为安全”及以上等级标的,规避ST股等极高风险品种; |
|||
3. 第三步:用“庄家成本”判断主力态度,选择筹码集中、散户成本低于主力成本的标的; |
|||
4. 第四步:用“机构动向”佐证,优先选择主力资金净流入、有吸筹信号的标的。 |
|||
2. 买入环节:不追高、买支撑(两大模块组合) |
|||
1. 第一步:用“压力支撑”找安全买点,在强支撑位附近布局,避免在压力位下方盲目买入; |
|||
2. 第二步:用“情绪价值”避高点,在情绪“稳定”或“低迷企稳”时买入,规避“过热”时追涨。 |
|||
3. 持有环节:顺趋势、跟主力(两大模块+机构联动) |
|||
1. 第一步:用“趋势研判”锚定长期方向,中长期上升趋势可坚定持有,下跌趋势则减少持仓; |
|||
2. 第二步:用“机构动向”跟踪短期动能,主力资金持续净流入、持仓占比提升可继续持有,反之则减仓; |
|||
3. 第三步:结合“庄家成本”监测筹码状态,筹码分散时警惕主力出货。 |
|||
4. 卖出环节:不贪多、不扛跌(两大模块+实操示例) |
|||
1. 第一步:用“压力支撑”定止盈点——接近强压力位且成交量未放大时止盈;放量突破则持有至下一压力位。 |
|||
示例:某股票压力位3920.37,当前价3918,压力强度“一般”,若成交量未放大,可在3920附近止盈;若放量突破则持有。 |
|||
2. 第二步:用“情绪价值”定止损点——情绪从“稳定”转“恐慌”且跌破强支撑位时,立即止损,避免深套。 |
|||
四、学习心得:工具辅助+理性判断的投资逻辑 |
|||
超级云脑的核心价值在于“将复杂投资分析简单化、可视化”,通过AI技术解决散户“分析能力不足、信息不对称、人性弱点”三大痛点。但需明确:工具是辅助而非替代,实操中需注意两大原则: |
|||
1. 模块组合优于单一依赖:需结合“估值+趋势+资金”多维度判断,如“低估+上升趋势+主力净流入”的标的可靠性更高; |
|||
2. 工具结论结合自身风险承受:高安全等级标的适合保守型投资者,趋势强势但风险中等的标的适合激进型投资者。 |
|||
后续需通过实盘演练深化模块应用,重点熟悉“压力支撑+情绪价值”的买卖点判断,及“机构动向”与个股估值的联动分析,提升投资决策的科学性。 |
|||
@ -0,0 +1,229 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"><!--定义字符集为UTF-8--> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<!--设置自适应视口以确保响应式设计--> |
|||
<title>HTML学习1</title> |
|||
|
|||
<!--外部样式表--> |
|||
<link rel="stylesheet" type="text/css" href="mystyle.css"> |
|||
<!--内部样式表--> |
|||
<style type="text/css"> |
|||
h1 {color: red} |
|||
p {color: blue} |
|||
|
|||
.cities { |
|||
background-color:black; |
|||
color:white; |
|||
margin:20px; |
|||
padding:20px; |
|||
} |
|||
|
|||
#myHeader { |
|||
background-color: lightblue; |
|||
color: black; |
|||
padding: 40px; |
|||
text-align: center; |
|||
} |
|||
</style> |
|||
|
|||
</head> |
|||
<body><!--<body> 元素定义了 HTML 文档的主体-->> |
|||
<!--标题 h1(大)到h6--> |
|||
<h1>学习笔记</h1> |
|||
<!--段落--> |
|||
<p>今天学习了很多新的知识,感觉收获颇丰。</p> |
|||
|
|||
<!--水平线--> |
|||
<hr/> |
|||
<!--插入空行/换行--> |
|||
<p>This is<br />a para<br />graph with line breaks</p> |
|||
<br /> |
|||
<p>今天学习了很多新的知识,感觉收获颇丰。</p> |
|||
|
|||
|
|||
<!--链接--> |
|||
<a href="http://www.w3school.com.cn">这是web学习网站</a> |
|||
<br /> |
|||
<a name="label" href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a> |
|||
<br /> |
|||
<a href="#label">在同一个文档中创建指向该锚的链接</a> |
|||
<br /> |
|||
<a href="http://www.w3school.com.cn/#label">在其他页面中创建指向该锚的链接</a> |
|||
|
|||
<br /> |
|||
|
|||
<!--图片--> |
|||
<img src="http://www.w3school.com.cn/images/boat.gif" alt="Big Boat" width="104" height="142"/> |
|||
|
|||
|
|||
|
|||
<!--HTML元素:从开始标签(start tag)到结束标签(end tag)的所有代码--> |
|||
|
|||
<!--HTML属性:提供有关元素的附加信息 始终为属性值加引号 |
|||
class = "value":为元素指定类名 |
|||
id="value":为元素指定唯一的标识符 |
|||
style="property:value;":为元素添加内联样式 |
|||
title="text":为元素添加提示文本 |
|||
|
|||
<table border="1">:为表格添加边框 |
|||
--> |
|||
|
|||
<!--HTML样式--> |
|||
<h1 style="text-align:center;">水平居中对齐</h1> |
|||
<p style="font-family:arial; color:red; font-size:20px;">A paragraph.</p> |
|||
|
|||
<!--预格式文本,保留了空格和换行--> |
|||
<pre> |
|||
for i = 1 to 10 |
|||
print i |
|||
next i |
|||
</pre> |
|||
|
|||
<!--地址--> |
|||
<address> |
|||
Written by <a href="Wugh5200@163.com">Donald Duck</a>.<br> |
|||
Visit us at:<br> |
|||
Example.com<br> |
|||
Box 564, Disneyland<br> |
|||
USA |
|||
</address> |
|||
|
|||
<br /> |
|||
|
|||
<!--缩写和首字母缩写--> |
|||
<abbr title="etcetera">etc.</abbr> |
|||
<br /> |
|||
<acronym title="World Wide Web">WWW</acronym> |
|||
<p><dfn><abbr title="World Health Organization">WHO</abbr></dfn> 成立于 1948 年。</p> |
|||
|
|||
<br /> |
|||
<!--引用--> |
|||
<q>学习使我快乐。</q> |
|||
<br /> |
|||
<blockquote cite="http://www.w3school.com.cn"> |
|||
学习使我快乐。 |
|||
</blockquote> |
|||
|
|||
<!--表格 |
|||
<table>:定义表格 |
|||
<tr>:定义表格行 |
|||
<th>:定义表格头单元格 |
|||
<td>:定义表格数据单元格 |
|||
cellspacing:单元格间距 |
|||
cellpadding:单元格内边距 |
|||
--> |
|||
<table border="1" cellpadding="10" cellspacing="5" bgcolor="#FAEBD7"> |
|||
<caption>标题</caption> |
|||
|
|||
<tr> |
|||
<th colspan="2">Heading</th><!--横跨两列--> |
|||
<th rowspan="2">Another Heading</th><!--横跨两行--> |
|||
</tr> |
|||
|
|||
<tr> |
|||
<td>row 1, cell 1</td> |
|||
<td>row 1, cell 2</td> |
|||
</tr> |
|||
|
|||
<tr> |
|||
<td> </td> |
|||
<td>row 2, cell 2</td> |
|||
</tr> |
|||
|
|||
<tr> |
|||
<td>这个单元包含一个表格: |
|||
<table border="1"> |
|||
<tr> |
|||
<td align="left">A</td> |
|||
<td align="right">B</td> |
|||
</tr> |
|||
<tr> |
|||
<td>C</td> |
|||
<td>D</td> |
|||
</tr> |
|||
</table> |
|||
</td> |
|||
</tr> |
|||
|
|||
<tr> |
|||
<td>这个单元包含一个列表: |
|||
<ul> |
|||
<li>苹果</li> |
|||
<li>香蕉</li> |
|||
<li>菠萝</li> |
|||
</ul> |
|||
</td> |
|||
<td>HELLO</td> |
|||
</tr> |
|||
</table> |
|||
|
|||
<!--列表--> |
|||
<h2>无序列表</h2> |
|||
<!--type="disc" type="circle" type="square"--> |
|||
<ul type="disc"> |
|||
<li>Coffee</li> |
|||
<li>Milk</li> |
|||
</ul> |
|||
|
|||
<h2>有序列表</h2> |
|||
<ol type="A"> |
|||
<!--type="A" type="a" type="I" type="i"--> |
|||
<li>Coffee</li> |
|||
<li>Milk</li> |
|||
</ol> |
|||
|
|||
<h2>嵌套列表:</h2> |
|||
<ul> |
|||
<li>咖啡</li> |
|||
<li>茶 |
|||
<ul> |
|||
<li>红茶</li> |
|||
<li>绿茶</li> |
|||
</ul> |
|||
</li> |
|||
<li>牛奶</li> |
|||
</ul> |
|||
|
|||
<h2>定义列表:</h2> |
|||
<dl> <!--自定义列表以 <dl> 标签开始--> |
|||
<dt>计算机</dt> <!--每个自定义列表项以 <dt> 开始--> |
|||
<dd>用来计算的仪器 ... ...</dd> <!--每个自定义列表项的定义以 <dd> 开始--> |
|||
<dt>显示器</dt> |
|||
<dd>以视觉方式显示信息的装置 ... ...</dd> |
|||
</dl> |
|||
|
|||
<!--块级标签默认独占一行:<div>、<h1>-<h6>、<p>、<form>、<ul>、<dl>; |
|||
行内标签:<span>、<input>、<img>。--> |
|||
|
|||
|
|||
<!--同一个类名可以由多个 HTML 元素使用,而一个 id 名称只能由页面中的一个 HTML 元素使用:--> |
|||
<!--类--> |
|||
<div class="cities"> |
|||
<h2>London</h2> |
|||
<p> |
|||
London is the capital city of England. |
|||
It is the most populous city in the United Kingdom, |
|||
with a metropolitan area of over 13 million inhabitants. |
|||
</p> |
|||
</div> |
|||
|
|||
<!--id--> |
|||
<h1 id="myHeader">My Header</h1> |
|||
|
|||
<!--通过 ID 和链接实现 HTML 书签--> |
|||
<h2 id="C4">第四章</h2> |
|||
<a href="#C4">跳转到第四章</a> |
|||
<!--或者,在另一张页面中,添加指向这个书签的链接(“跳转到第四章”)--> |
|||
<a href="html_demo.html#C4">Jump to Chapter 4</a> |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,85 @@ |
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" |
|||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
|||
|
|||
<html xmlns="http://www.w3.org/1999/xhtml"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<title>HTML学习2</title> |
|||
</head> |
|||
<body> |
|||
|
|||
<!--iframe--> |
|||
<iframe src="http://127.0.0.1:5500/%E5%90%B4%E5%85%89%E6%85%A7%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/10.29/study1.html" |
|||
name="iframe_a"width="500" height="500" frameborder="0">study1</iframe> |
|||
<!--使用 iframe 作为链接的目标--> |
|||
<p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p> |
|||
|
|||
<!--框架--> |
|||
|
|||
|
|||
|
|||
<h1>我的第一个 Emoji</h1> |
|||
<p style="font-size:48px">😀</p> |
|||
|
|||
<!--URL--> |
|||
<!-- |
|||
http 超文本传输协议 以 http:// 开头的普通网页。不加密。 |
|||
https 安全超文本传输协议 以 https:// 开头的安全网页。加密。 |
|||
ftp 文件传输协议 以 ftp:// 用于将文件下载或上传至网站。 |
|||
ftps 安全文件传输协议 以 ftps:// 开头的安全文件传输协议。加密。 |
|||
file 本地文件 以 file:// 开头的本地文件。 |
|||
--> |
|||
|
|||
<!--表单--> |
|||
<!--form--> |
|||
<form action="action_page.php" method="GET" target="_blank" accept-charset="UTF-8" |
|||
ectype="application/x-www-form-urlencoded" autocomplete="off" novalidate> |
|||
<fieldset><!--元素组合表单中的相关数据--> |
|||
<legend>Personal information:</legend><!--为 <fieldset> 元素定义标题--> |
|||
First name:<br> |
|||
<input type="text" name="firstname"> |
|||
<br> |
|||
Last name:<br> |
|||
<input type="text" name="lastname"> |
|||
<br><br> |
|||
<input type="submit" value="Submit"></fieldset> |
|||
</form> |
|||
|
|||
<!--单选按钮--> |
|||
<form> |
|||
<input type="radio" name="sex" value="male" checked>Male |
|||
<br> |
|||
<input type="radio" name="sex" value="female">Female |
|||
</form> |
|||
<!--复选框--> |
|||
<form> |
|||
<input type="checkbox" name="vehicle" value="Bike"> I have a bike |
|||
<br> |
|||
<input type="checkbox" name="vehicle" value="Car" checked> I have a car |
|||
</form> |
|||
|
|||
<!--Action--> |
|||
<form action="action_page.php" method="GET"></form> |
|||
<form action="action_page.php" method="POST"></form> |
|||
<!--POST 的安全性更好,因为在页面地址栏中被提交的数据是不可见的 |
|||
GET的URL 的长度受到限制(2048 个字符)--> |
|||
|
|||
|
|||
|
|||
<!--target属性--> |
|||
<form action="/action_page.php" target="_blank"></form> |
|||
<!--_blank:新的 _self:当前 _parent:父框架 |
|||
_top:在窗口的整个 body 中 framename:在命名的 iframe 中--> |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,46 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<title>Document</title> |
|||
</head> |
|||
<body> |
|||
<!--<select> <option>下拉列表--> |
|||
|
|||
<form action="/demo/demo_form.asp"> |
|||
<input list="browsers" name="browser"> |
|||
<datalist id="browsers"> |
|||
<option value="Internet Explorer"> |
|||
<option value="Firefox"> |
|||
<option value="Chrome"> |
|||
<option value="Opera"> |
|||
<option value="Safari"> |
|||
</datalist> |
|||
<input type="submit"> |
|||
</form> |
|||
|
|||
<!--<textarea>多行输入字段(文本域)--> |
|||
<textarea name="message" rows="10" cols="30"> |
|||
The cat was playing in the garden. |
|||
</textarea> |
|||
|
|||
<!--<button>按钮--> |
|||
<input type="button" onclick="alert('Hello World!')" value="Click Me!"> |
|||
|
|||
<!--输入类型 |
|||
color date datetime datetime-local email month number range search tel time url week--> |
|||
|
|||
<!--只读属性 readonly--> |
|||
<input type="text" name="firstname" value="Bill" readonly> |
|||
|
|||
<!--禁用属性 disabled--> |
|||
<input type="text" name="firstname" value="Bill" disabled> |
|||
|
|||
<!--pattern 属性规定用于检查 <input> 元素值的正则表达式--> |
|||
<input type="text" name="country_code" pattern="[A-Za-z]{3}" title="Three letter country code"> |
|||
|
|||
|
|||
|
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,41 @@ |
|||
<!DOCTYPE HTML> |
|||
<html> |
|||
<head> |
|||
<style type="text/css"> |
|||
body |
|||
{ |
|||
font-size:70%; |
|||
font-family:verdana,helvetica,arial,sans-serif; |
|||
} |
|||
</style> |
|||
|
|||
<script type="text/javascript"> |
|||
function cnvs_getCoordinates(e) |
|||
{ |
|||
x=e.clientX; |
|||
y=e.clientY; |
|||
document.getElementById("xycoordinates").innerHTML="Coordinates: (" + x + "," + y + ")"; |
|||
} |
|||
|
|||
function cnvs_clearCoordinates() |
|||
{ |
|||
document.getElementById("xycoordinates").innerHTML=""; |
|||
} |
|||
</script> |
|||
</head> |
|||
|
|||
<body style="margin:0px;"> |
|||
|
|||
<p>把鼠标悬停在下面的矩形上可以看到坐标:</p> |
|||
|
|||
<div id="coordiv" style="float:left;width:199px;height:99px;border:1px solid #c3c3c3" |
|||
onmousemove="cnvs_getCoordinates(event)" |
|||
onmouseout="cnvs_clearCoordinates()"></div> |
|||
<br /> |
|||
<br /> |
|||
<br /> |
|||
<div id="xycoordinates"></div> |
|||
|
|||
|
|||
</body> |
|||
</html> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue