【HTML基础】不再做代码萌新!

CTFshow_萌新--密码篇 ctfshow_萌新 密码篇 阅读详情

一、前言

     学习HTML5语言,要对网页设计有兴趣爱好,这样才能更有效的学习,一天打鱼两天晒网的学习模式注定到最后一无所获。我现在在进行**逆战班**的学习,这样我会将自己的学习经验总结下来和大家一起分享。让我们一起从“小新”变“大佬”!

二、HTML的创建

1、首先,下载软件,Hbuiler和谷歌浏览器
2、在计算机提前建好文件夹,最好是E盘,用来学习总结
3、打开Hbuilder→暂不登录→右键左侧框,新建一个web项目(文件名一定要加 .html)放在提前建好的E盘文件夹
在这里插入图片描述
4、打开index.html,开始到了重要的学习内容。

HTML基础

首先,要对标签熟记!!
标签是需要写在body里,之后学的css语句也会应用到。
HTML5标签属性大全

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>(这是网页上面的标签名字)</title>
	</head>
	<body>
		(在这里写我们的主题内容)
	</body>
</html>

技巧:我们输入一个标签,点一下table键就出来一组标签了
eg:h1→点击table→<h1></h1>

HTML5期末大作业:游戏网页网站设计——卡通的萌王游戏网页(13页) HTML+CSS+JavaScript HTML5期末大作业:游戏网页网站设计——卡通的萌王游戏网页(13页) HTML+CSS+JavaScript 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载! 获取更多源码 PC 阅读详情

相关推荐

(超详细)Qt入门和配置Visual Studio的Qt环境

内容写了Qt入门,创建并编写第一个Qt程序,以及配置VS编写Qt程序的环境。(超级详细)

LY549826LY549264的博客 7678

零基础新手小白学编程必会的100个代码

我记得刚开始接触编程的时候,觉得太难了。也很好奇,写代码的那些人也太厉害了吧?全是英文的,他们的英文水平一定很好吧?他们是怎么记住这么多代码格式的?而且错了一个标点符号,整个程序都会有影响。一个程序几千行,错一个标点符号都不行这也太难了吧?带着新手的灵魂拷问,作为从业单片机编程10年的开发者,我来为大家拨开云雾。看完以后你就会明白,其实他们也没那么厉害!即便你是初中文凭,也照样能编程。对于python语言来说,要记得东西其实不多,基本就是几个常用语句加一些关键字而已。

喜欢Python编程的程序员柚柚呀 2687

深入了解BPM及BPM业务流程管理系统

BPM 即业务流程管理,是一种以规范化的构造端到端的卓越业务流程为中心,以持续地提高组织业务绩效为目的的系统化方法。它涵盖了业务流程的整个生命周期,包括流程的设计、执行、监控、分析和优化。BPM 作为一种先进的管理方法,对于企业提高运营效率、降低成本、提升客户满意度和增强竞争力具有重要意义。BPM 流程管理系统为企业实现 BPM 提供了强大的工具和支持,而 F2BPM 流程管理平台以其先进的技术架构、丰富的功能模块、简单易用的操作界面和强大的定制能力,成为企业实现业务流程管理的理想选择。

Stone3625的博客 2950

HTML5中不再支持的元素

1、超链接中的name,用id替代2、applet(建议object):定义applet3、acronym(建议abbr):定义首字母缩写4、basefont5、big:定义大号文本6、center:定义文本居中7、font8、strike(使用del):定义加删除线的文本9、tt:定义打字机文本10、u:定义下划线文本11、frame(建议iframe):定义子窗口(框架)12、frameset...

陈喵喵的博客 9624

Zynq-PS-SDK(12) 之 VDMA+VTC+AXI4S-VideoOut 视频通路硬件搭建

前面分别叙述了《Zynq-PS-SDK(9) 之 VDMA》、《Zynq-PS-SDK(10) 之 VTC》以及《Zynq-PS-SDK(11) 之 AXI4-Stream To Video Out》;搭建一个简单的视频通路(Framebuffer -> HDMI)就要用到这些个模块,总体的设计框图如下所示: 视频数据的 Framebuffer 在 DDR 中,通过 Processing System 写入进去; 数据通过高带宽的 AXI4 接口(这里用到了 HP AXI,即 64bits 带

StephenZhou 5589

一篇文章带你认识 SpringBoot

文章目录一、原有 Spring 优缺点分析二、SpringBoot 的概述 一、原有 Spring 优缺点分析 (1)Spring 的优点分析 Spring是Java企业版(Java Enterprise Edition,JEE,也称J2EE)的轻量级代替品。无需开发重量级的Enterprise JavaBean(EJB),Spring为企业级Java开发提供了一种相对简单的方法,通过依赖注入和面向切面编程,用简单的 Java 对象(Plain Old Java Object,POJO)实现了EJB的功能。

南淮北安的博客 766

<算法竞赛入门经典>学习笔记

今天刚刚正式编程,有点小激动呢。 #include int main() { int a,b,c; scanf("%d%d%d",&a,&b,&c); if(a<=b && b<=c) printf("%d %d %d\n",a,b,c); else if(a<=c && c<=b) printf("%d %d %d\n",a,c,b); else if

代码萌新的博客 329

在最新版eclipse中配置使用AI AIcoder _AIcoder配置GPUSTACK使用_配置OLLAMA本地AI模型利用_集合---AI场景应用工作笔记

本文介绍了三款实用的编程辅助工具:一款便捷的反编译插件,可直接在插件市场安装使用;GitHub Copilot提供每月2000次代码补全和50条聊天记录的免费额度,支持智能代码提示功能;aicoder支持配置本地模型运行。这些工具都能有效提升开发效率,其中GitHub Copilot的智能补全功能尤为突出。

添柴程序猿的专栏 1237

开发中我们需要遵循的几个Web前端开发原则!

Web的发展日新月异,这也使得Web开发者不得不加快脚步,学习新的技术和编程语言。Web前端作为开发团队中不可或缺的一部分,需要按照相关规定进行合理编写(一部分不良习惯可能给自己和他人造成不必要的麻烦)。不同公司不同团队具有不同的规范和文档。因此,有很多基础的概念和原则依然需要开发者高度注意。下面,向大家介绍这些应该遵循的Web前端开发原则。 1、善用DIV来布局 当开发一个Web页面时,要考虑...

xiaoxijing的博客 1325

Open3D (C++) 计算点云坐标最值及其索引

使用C++版本的Open3D计算点云最值点及其对应的下标索引

点云侠的博客 728

Web渗/透/攻/击实战(1)—成功渗/透台湾某净化设备公司官网

写在前面 作为一个防御型白帽黑客​ 你一定要知道黑客的进攻套路 才能有相应的防御措施 声明:只做测试,发现对方的漏洞,并不进行破坏性操作 1、 网站分析 地址:http://www.xxx.com.tw/ 这是一家中国台湾地区的网站,看着满屏的繁体字,就不是很舒服 网站首页包括:关于我们、资料下载、联络方式等等。 这些对我们进行sql注入用处并不大 我们需要的是可以进行参数传入的页面,这样我们就可以在参数里做文章 找一下 有没有新闻列表相关的页面 页...

信息安全领域优质创作者|操作系统领域专家 1805

html不再应该用于格式化文档,关于Web前端之HTML5,你知道多少?

是没有语义的,是我们网页布局主要的两个盒子。div就是division的缩写,分割,区分的意思,其实有很多div来组合网页。span,跨度,跨距;范围。语法格式:这是头部 今日价格文本格式化标签(熟记)和文字以粗体方式显示(XHTML推荐使用strong)和文字以斜体方式显示(XHTML推荐使用em)和文字以加删除线方式显示(XHTML推荐使用del)和文字以加下划线方式显示(XHTML不赞成使用...

weixin_35705475的博客 215

基于Gossip算法的柔性互联自治微网群分布式协调控制策略:复现代码与详细解释

摘要(149字): 本文基于Gossip算法实现了柔性互联微网群(MMG)的分布式协调控制策略仿真。研究构建了包含3个微网、10个分布式电源(DG)的MATLAB/Simulink模型,采用双层控制架构:上层通过柔性交流开关(FAS)实现微网间功率协调,下层利用Gossip算法完成DG间的边际成本一致性控制。重点开发了异步通信的Gossip算法核心函数,实现了分布式电源的自主边际成本估计与功率分配。仿真验证了系统在负荷变化和DG故障等工况下的协调控制能力,结果表明该策略能有效维持微网群的经济运行与功率平衡。

huanghm88的专栏 281

萌新笔记:HTML与JS实现省市二级联动

html学习当中遇到个省市二级联动案例,记个笔记方便复习,适合萌新,大佬绕路。以下是代码: ` 省市二级联动 `

weixin_43322280的博客 509

假人有限元模型

假人模型,车辆碰撞假人有限元模型,适合做乘员安全的研究者利用

VC中sqlite的使用

在VC中对sqlite的使用,实现数据库大批数据的快速插入,读取数据库中的数据在ListCtrl中显示

萌新之HTML

回头总结自己的学习过程,顺便记录下来写供萌新的HTMl学习用,本文尽可能的简洁详细地去分享自学HTML

m0_46614313的博客 729

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

前端萌新练习合集

* 背景色:aquamarine(碧绿色) *//* 类名为"video"的元素的样式 *//* 所有img元素的样式设置 *//* 灰色点状边框,粗细1像素 *//* 类名为"h"的元素的样式 *//* 图片宽度为300像素 *//* 图片高度为200像素 *//* 宽度为父元素的30% *//* 所有div元素的样式 *//* CSS样式规则开始 *//* 圆角半径8像素 *//* 宽度300像素 *//* 高度168像素 *//* 圆角半径8像素 *//* 灰色点状边框 *//*边界阴影设置*/

W3508559248的博客 381

SAP B1中文培訓教材_SDK

公司内部培训资料,对开发工具 ,DIAPI, UIAPI,Add-ON有详细解说

ctfshow-萌新

ctfshow-萌新

qq_43618536的博客 5132

超萌来袭!用 HTML、CSS 和 JavaScript 打造可爱 2048 游戏

可爱小猫的2048小游戏,上班摸鱼放松下吧~

qq_52810166的博客 6332

HTML做一个学校网站(纯html代码)

🏫 校园网页设计 、学校班级网页制作、学校官网、小说书籍、等网站的设计与制作。🏷️HTML静态网页设计作业使用dreamweaver制作,采用DIV+CSS布局,共有多个页面,首页使用CSS排版比较丰富,色彩鲜明有活力。顶部导航及底部区域背景色为100%宽度,主体内容区域宽度🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面:计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面:计划采用最新的网页编程语言HTML5+CSS3+JS程序语

网页设计与制作 | HTML+CSS+JS 3142

Re:萌娘百科上的黑幕实现

Re:萌娘百科上的黑幕 说明 本文所有的代码均来自萌娘百科。萌娘百科打钱! 第零段话(我想说的) 这方面不是我的专长,所以有的地方说的不对也请纠正! 我可不是萌娘百科的员工或者管理员或者收了钱 我只是对这个黑幕很感兴趣就去做了点研究而已…… 虽然这篇博客带有一些幽默性 但是这些不是广告!!! 第一段话(复制东西时会自动添加滴) 阅读更多:https://zh.moegirl.org/MediaWiki:Mobile.css 本文引自萌娘百科(https://zh.moegirl.org)...

Unknowncheats的博客 1764

前端萌新别慌:用HTML+CSS画个会跳动的心,表白神器速成!

说了这么多技术细节,回到最开始的话题——这玩意儿真能让你脱单吗?老实讲,不能。除非你表白对象也是前端,那你们可以一起研究这个心形的border-radius还有没有其他写法,或者争论一下用SVG是不是更语义化,技术含量直接变成共同话题。但对新手来说,这个小项目确实是个很好的练手素材。它涉及到了CSS的定位、变形、动画、伪元素,还有浏览器渲染的基本原理。你能把这个心跳效果调得丝般顺滑,说明你对CSS的时间函数和变形矩阵已经有了直观理解,这比看十遍文档都管用。

一个做过前端开发的产品经理,经历过睿智产品的折磨导致脱发之后,励志要翻身"农奴"把歌唱,一边打入敌人内部一边持续提升自己,为我们广大开发同胞谋福祉,坚决抵制睿智产品折磨我们码农兄弟! 1572

给萌新HTML5 入门指南

HTML5的发展改变了互联网技术趋势,前端热度依旧不减,所以对于应用开发人员前端技术也成了必备技能之一,本篇文章的目的是为了帮助萌新的入门指导,也同时希望能为老鸟起到一定查漏补缺的作用,那么让我们开始吧。 什么是HTML5? 广义上的HTML5是HTML最新的修订版本,由万维网联盟(W3C)于2014年10月完成标准制定。目标是取代1999年所制定的HTML 4.01和XHTML 1.0标准,以期能在互联网应用迅速发展的时候,使网络标准达到符合当代的网络需求。 但我们在日常中常说的HTML5技术,实际指的是

BOM485480的博客 306

html基础代码实现,HTML基础

作为一名前端小白,我在此记录下学习前端的过程。总的来说,这个 html 学习了 2 天左右,这个文章写了1 天左右,下一步计划准备学习 css,每天都过的很充实,每天都在成长的路上飞快奔跑。虽然在前端浩瀚的大海里边学到了一点点,但与昨天的自己相比,是一大步。html在前端开发里面扮演基层的岗位,正是有了html,前端才有了骨架。再经过CSS的加工,才能成为我们熟悉的页面。接下来我们一起来学习前端第...

weixin_35600835的博客 400

HTML基础编程——简介及第一行代码

HTML基础编程——简介及第一行代码 超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。 您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。 第一行代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>helloworld</title> </

Box_sir的博客 3897

HTML做一个节日页面【六一儿童节】纯HTML代码

🏮传统春节网页设计、🎅圣诞节节日发展、🥮中秋、端午传统节日习俗庆祝、🎏地区特色,网站模板 、等网站的设计与制作。🏷️ 大学生传统节日网页作业成品采用DIV CSS布局制作,主要内容包括等内容,作品共多个页面,学生HTML静态网页基础水平制作,页面排版干净简洁。网页技术方面应用包括网页背景颜色、字号字体设置、超链接、图文页面、菜单栏、顶部大图等网页基础知识点🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面:计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网

网页设计与制作 | HTML+CSS+JS 1791

HTML做一个简单漂亮的宠物网页(纯html代码)

🐕 宠物网页设计 、🐼保护动物网页、🐋鲸鱼海豚主题、🐘保护大象、等网站的设计与制作。🏷️HTML宠物网页设计,采用DIV+CSS布局,共有多个页面,排版整洁,内容丰富,主题鲜明,首页使用CSS排版比较丰富,色彩鲜明有活力,导航与正文字体分别设置不同字号大小。导航区域设置了背景图。子页面有纯文字页面和图文并茂页面。🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面:计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面:计划采用最新的

网页设计与制作 | HTML+CSS+JS 1711
下一篇: 萌新大胆玩CSS3的渐变
Janfiveee_
博客等级 码龄7年 1粉丝 28原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值