初学前端第一个简单html页面

最新推荐文章于 2024-07-24 14:14:30 发布
最新推荐文章于 2024-07-24 14:14:30 发布
阅读量544 收藏
点赞数
分类专栏： 前端 文章标签： html 前端 网页设计
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45383769/article/details/122679914
版权
本文介绍了初学者如何创建第一个简单的HTML页面。首先，需要在目录中创建一个HTML文件，通常使用HTML5标准。HTML5会自动生成基本代码结构。在body部分添加内容，然后通过右键运行文件即可预览。页面的<title>标签与浏览器窗口标题相关联，可自由编辑。此外，文章还讲解了<a>标签的用法，用于创建链接，如设置跳转百度的链接。若想在新窗口打开链接，可以添加target属性为"_blank"。
摘要由CSDN通过智能技术生成

第一个简单html页面

首先呢，在目录上新建一个html文件
在这里插入图片描述

一般常用的是html：5
在这里插入图片描述

它会自动帮我们补全代码结构
在这里插入图片描述

在body中随便输入一点东西就好了，然后右键新建的文件，运行
在这里插入图片描述

这样就成功啦：
在这里插入图片描述

然后代码中的title和网页窗口的名字是对应关系：
在这里插入图片描述

当然了，可以随意修改：

最低0.47元/天 解锁文章
努力的胡十一
关注
专栏目录
Java 前端简易页面总结
wxiaomingtongxue的博客
09-11 672
初始化获取数据 js代码 $(function () { $("#jqGrid").jqGrid({ url: baseURL + 'system/artificer/list', datatype: "json", colModel: [ {label: 'seq', name: 'seq', hidden: true, hidedlg: true, ...
从0开始开发一个简单web界面的学习笔记(HTML类)
月临水的博客
06-18 1016
HTML叫做超文本标记语言把它拆分一下拆成：超文本：（意味着页面支持文本、声音、图片、视频、表格、链接）标记：（在页面上展示数据就需要标签啦，这些标签就组成了一个个的标记）HTML页面是运行在浏览器上面的有序列表[用的不多]olli< ol > < li > 内容 < ol > < li > 内容 < ol > < li > 内容 < li > 内容
初识HTML文件，创建自己的第一个网页！
最新发布
2301_79959126的博客
07-24 1260
本文旨在初步介绍HTML（超文本标记语言），帮助读者理解HTML中的相关术语及概念，并使读者在完成本文的阅读后可以快速上手编写一个属于自己的简易网页。
一个简单的前端页面
mycomdet的专栏
03-12 1277
<html> <head> <script> function myFunction(x,y) { z = x + y; str = x + " + " + y + " = " + z; alert(str);
前端-做一个简单的网页
今天你敲代码了嘛
07-16 6843
HTML 不是一门编程语言，而是一种用于定义内容结构的标记语言。HTML 由一系列的元素（elements）组成，这些元素可以用来包围不同部分的内容，使其以某种方式呈现或者工作。 一对标签（ tags）可以为一段文字或者一张图片添加超链接，将文字设置为斜体，改变字号，等等。 关于大小写和空格的提示 文中所有的文件夹名和文件都使用小写字母，且没有空格。 最好在一开始就养成习惯，文件夹和文件名使用小写，用短横线而不是空格来分隔。可以避免许多问题 网站结构 最基本、最常见的结构是：一个主页、一个图片文件夹、一个样
vue 下拉框_前端页面的简单学习与项目搭建（主要针对HTML和VUE的学习）
weixin_39564368的博客
12-11 193
备注：只是本人的自学与备注，自己本身不是做前端的，只是简单搭建一些前端的东西，自己玩的。一、HTML简单的回顾（一）HTML 基本结构<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <!-- he...
大学生个人网页设计 HTML个人网页制作 web个人网站模板 简单静态HTML个人网页作品
热门推荐
HTML网页设计
07-31 6万+
🧑个人网页设计、🙋‍♂️个人简历制作、👨‍💼简单静态HTML个人网页作品、👨‍🏭个人介绍网站模板 、等网站的设计与制作。⭐个人网页设计网站模板采用DIV CSS布局制作，网页作品有多个页面，如 :个人介绍（文字页面）、我的作品（图片列表）、个人技能（图文页面）、在线留言（表单页面）CSS样式方面网页整体采用左右布局结构，制作了网页背景图片，导航区域每个导航背景色不同，导航背景色与页面背景呼应。🏅 一套A+的网页应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大...
前端第一阶段学习-HTML
08-08
在前端开发领域，HTML（HyperText Markup Language）是构建网页的基础语言，对于初学者来说，掌握HTML至关重要。本文将深入探讨HTML的一些核心概念和常用标签，帮助初入前端的小伙伴们建立起扎实的基础。 首先，让...
前端小项目集合：50 个采用 HTML+CSS+JS 的前端小项目集合
03-17
学习HTML是前端开发的第一步，能够帮助你理解网页的基本组成。 CSS（Cascading Style Sheets）则用于控制网页的样式和布局，包括颜色、字体、间距、排列方式等。通过CSS，开发者可以将内容和表现分离，使得网页设计...
web practice_doneedf_web前端开发html简单框架_
09-30
在描述中提到的"小白入门前端第一步"，意味着这个压缩包可能包含了一些基础的HTML代码示例，帮助新手了解如何创建一个基本的HTML文件结构。HTML的语法相对简单，主要由标签组成，这些标签告诉浏览器如何显示内容。...
前端网页Web开发基础Html入门CSS样式JS学习14小时视频教程含资料第一部分，共2部分
04-18
这个14小时的视频教程旨在帮助初学者掌握前端网页开发的基础知识。通过深入浅出的讲解，你将学习 HTML、CSS 和 JavaScript 的核心概念，并掌握如何创建吸引人的网页。无论你是完全新手还是有一些基础的学习者，本...
使用div建立一个简单的前端页面
Future_LL的博客
03-28 3571
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;首页&lt;/title&gt; &lt;style type="text/css"&gt; /*取消文本的下划线*/ a{ text-decor
html前端简单页面,HTML初学简单页面结构
weixin_29081163的博客
06-03 154
页面结构练习_何问起body {background: #CCC;}.index {max-width: 90%;background: #3F0;margin: 0px auto;}.head {width: 100%;height: 60px;}.head a {min-width: 12.5%;height: auto;background: #4A69A6;color: #FFF;font...
前端零基础入门（四）：第一个HTML页面
柒钥的博客
09-12 884
前面说到了html,css,js三者之间的关系 接下来我们就来看看html到底长什么样子。随便打开一个编辑器，然后在文件那里点击新建html文件，看到的代码大多如下：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body></body>
前端页面结构简单介绍
weixin_44999258的博客
09-08 1364
使用python进行爬虫的前置条件，熟悉前端页面结构
html前端简单页面,web前端制作一个简单的登录页面
weixin_35231615的博客
06-03 3684
网页制作web前端制作一个简单的登录网页代码实现效果图代码效果图夏夏天是个多姿多彩的世界。在这个季节，是最充满快乐的。我们在这个夏天中好好的学习，努力的学习，抱着一种兴趣态度的去学习，只有这样我们的生活才会越来越有趣，加油，成为程序员的路上，磕磕碰碰只要经历的多了，相信你就会非常了解编程这个行业的过程，坚持下去。全部代码：--------------------------------------...
WEB前端HTML第一个网页
lihua20120827的博客
10-28 1541
源代码： music 小情歌 作者：苏打绿 歌词：这是一首简单的小情歌，唱出我们心头的白鸽。我想我很快乐，当有你的温柔，脚边的空气散了。你知道就算大雨让整座城市跌倒        我会给你怀抱 友情链接：屠龙宝刀&nbsp点击就送 回到顶部 网页效果：
html简单的前台页面
m0_52792591的博客
09-02 1375
前言 大家好，最近要做学校的一个项目，因为本身也不太熟悉计算机这些东西，所以我就做了一个很简单的前台页面，这个·页面主要是模仿若依的页面，没有用到javascript,只用了一些简单的html和css,希望对大家能有帮助，具体效果图如下： 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title>
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值