html之简单网页制作一

最新推荐文章于 2024-03-13 07:57:58 发布
最新推荐文章于 2024-03-13 07:57:58 发布
阅读量2.1k 收藏 2
点赞数 1
分类专栏： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/callchunli/article/details/9709087
版权

二

html 标签：

<hr>标签：定义水平分割线,无结束标签</hr>

<br>标签：空标签（换行），无结束标签<br/>

<b>标签呈现粗体文本效果。有结束标签</b>

<h1> ——〉<h6> 标签可定义标题。<h1> 最大。<h6> 最小。有结束标签</h...>

<img>标签：导入一张图片，HTML支持图片：(.GIF) 、(.JPG)、(.PNG)

导入图片必需的2个属性：

src（图像文件的URl即引用该图像文件的路径

(绝对路径：指向其他站点，比如 src="http://www.ifsrc.com/"、

相对路径：指向站内，比如 src="ange.png")）、

alt。

无结束标签.

[html]  view plain copy
  1. <html>  
  2. <head>  
  3. <title>Hello,小神</title>  
  4. </head>  
  5. <body>  
  6.     <hr>  
  7.     <h1>  
  8.         <b>H1小神问世</b>  
  9.     </h1>  
  10.     <h2>  
  11.         <b>H2小神问世</b>  
  12.     </h2>  
  13.     <h3>  
  14.         <b>H3小神问世</b>  
  15.     </h3>  
  16.     <hr>  
  17.     <img src="help_alarm.jpg">小仙</b>  
  18.     <img src="ange.png">小神</b>  
  19.     <img src="alice.gif">小xiao</b>  
  20.     <hr>  
  21. </body>  
  22. </html>  

一

浏览html文件工具： IE 、360安全浏览器...

编辑html工具：记事本、EditPlus、Microsoft FrontPage 、Macromedia Dreamweaver...（.html）

 html写法记

 html的开始和结束<html>...内容</html>

html头<head>...</head>

html 头标题<title>我叫html</title>

html 体（body）<body>...</body>

html 另起段落<p>...

html 换行<br>

html 文字<font>

html加广告链接址<address>...</address>

align = left：左对齐 / center：居中 / right：右对齐 / top：顶部对齐

color= red / ...颜色

bgcolor = red /...背景颜色

style="font-size:20px" / ...风格

size = 1 /2 / 3 /...大小

<html>
<head>
<title color=red>hello，html</title>
</head>
<body bgcolor=lavender>
<p style="font-size:20px" color=red，>小神：hello, html洞主。</p>
<font  style="font-size:20px" color=red>洞主：who are you you are you who?</font>
<p>
<font  style="font-size:20px" color=red，>小神： html洞主，我是小仙额</font>
<p>
<font>洞主：<br>you 哦该不叫小神咯</font>
<p>小神：<br>哈哈哈哈哈，me 就是小神，
<ADDRESS>
<P><A href="http://user.qzone.qq.com/1493639383/infocenter/">洞主，你也来看看小神么，单击此处就能看到小神了哦</A><span style="white-space:pre">	</span></ADDRESS>
</body>
</html>
居中
<style type="text/css">
<!-- body {text-align: center;}-->
</style>




DesDestroy
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
制作一个简单HTML电影网页设计（HTML+CSS）
08-10
HTML5期末考核大作业源码 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞 蹈、 动漫、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、游戏、 节日、 戒烟、 电影、 摄影、 文化、 家 乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计作业需求, 喜欢的可以下载! 原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件（如：`Dreamweaver、HBuilder、Vscode 、Sublime 、 Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作） HTML静态网页设计作业，采用DIV+CSS布局，共有多个页面，使用CSS排版比较丰富，色彩鲜明有活力,顶部导航及底部 区域背景色为100%宽度。都是给学生定制的都符合学生考试期末作业的水平,有的有js，有的视频+音乐+flash的等 元素的插入。 【查看更多源码地址】：https://blog.csdn.net/VX_WJ88950106?type=blog
一个简单的网页制作期末作业，学生个人html静态网页制作成品代码
08-10
HTML5期末考核大作业源码 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞 蹈、 动漫、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、游戏、 节日、 戒烟、 电影、 摄影、 文化、 家 乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计作业需求, 喜欢的可以下载! 原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件（如：`Dreamweaver、HBuilder、Vscode 、Sublime 、 Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作） HTML静态网页设计作业，采用DIV+CSS布局，共有多个页面，使用CSS排版比较丰富，色彩鲜明有活力,顶部导航及底部 区域背景色为100%宽度。都是给学生定制的都符合学生考试期末作业的水平,有的有js，有的视频+音乐+flash的等 元素的插入。 【查看更多源码地址】：https://blog.csdn.net/VX_WJ88950106?type=blog
HTML静态网页成品作业(HTML+CSS)——电影加勒比海盗介绍设计制作(1个页面)
最新发布
weixin_42283461的博客
03-13 664
HTML静态网页成品作业(HTML+CSS)——电影加勒比海盗介绍设计制作(1个页面)
如何使用html制作网页
2301_76469377的博客
07-10 1万+
超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个的标签组成，这种语言制作的文件保存的是一个文本文件，文件的扩展名为 .html 或者 .htm。HTML文本的结构包括“头”部分（head）、和“主体”部分（body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容 ，它的标记语法是以“<”和">"，主要有两种形式的标签，分别是双标签（<标签名字>标签内容<标签名字>）和单标签（<标签名字/>）。<p>HTML称为超文本标记语言，是一种标识性的语言。
HTML网页制作——制作一个属于自己的网页
一起努力共同进步，为了未来一起奋斗吧！
10-04 5万+
不想要一个属于自己的网页嘛，想要就进来看看吧，手把手教你制作一个属于自己的网页
制作一个简单HTML个人网页网页（HTML+CSS）
热门推荐
weixin_46153254的博客
12-04 33万+
制作一个简单的HTML个人网页
HTML网页制作
2301_76192170的博客
06-30 3416
链接 JavaScript：如果需要为页面添加交互和动态功能，可以创建一个 JavaScript 文件，并使用 <script> 标签将其链接到 HTML 文件中。链接 CSS：如果需要为页面添加样式，可以创建一个 CSS 文件，并使用 <link> 标签将其链接到 HTML 文件中。兼容性：在编写 HTML 和使用 CSS 和 JavaScript 时，要考虑不同浏览器的兼容性，确保网页在各种环境下正常显示和运行。语义化：使用合适的 HTML 标签来描述元素和内容，以提高页面的可读性和可访问性。
制作一个简单HTML公司官网网页设计（HTML+CSS）
08-10
HTML静态网页设计作业，采用DIV+CSS布局，共有多个页面，使用CSS排版比较丰富，色彩鲜明有活力,顶部导航及底部 区域背景色为100%宽度。都是给学生定制的都符合学生考试期末作业的水平,有的有js，有的视频+音乐+...
一个简单的HTML5网页设计
12-11
一个简单的HTML5网页设计，有多个页面，是一些基本的设计，自己的结课作业，上传吧，所有东西都在压缩包内，有兴趣可以下载了解一下。
制作一个简单HTML西安旅游网页(HTML+CSS)
08-10
HTML静态网页设计作业，采用DIV+CSS布局，共有多个页面，使用CSS排版比较丰富，色彩鲜明有活力,顶部导航及底部 区域背景色为100%宽度。都是给学生定制的都符合学生考试期末作业的水平,有的有js，有的视频+音乐+...
如何用html制作一个简单的网页
m0_56398485的博客
07-09 6万+
如何用html制作一个简单的网页
网页制作基础学习——HTML+CSS常用代码
北辰的博客
02-01 3万+
HTML（HyperText Markup Language）,即超文本标记语言，是用于描述网页文档的一种描述标记语言。是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。
制作一个简单HTML静态网页（HTML+CSS）
HTML网页设计
08-02 2865
🥇 关于作者: 💬历任研发工程师，技术组长，教学总监；曾于2016年、2020年两度荣获CSDN年度十大博客之星。 十载寒冰，难凉热血；多年过去，历经变迁，物是人非。 然而，对于技术的探索和追求从未停歇。 💪坚持原创，热衷分享，初心未改，继往开来！🍵茶文化网站、🏳️‍🌈中华传统文化题材、京剧文化🔏水墨风书画、中国民间年画文化艺术网站 、等网站的设计与制作。🏷️ 这个首页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒...
七分钟学会 HTML 网页制作
LS_952754的博客
08-21 1万+
七分钟学会 HTML 网页制作
用html制作简易网页
Cc1735781705的博客
09-04 1万+
66
HTML期末设计——代码篇
greengirl5的博客
06-22 12万+
事先声明 这个网页设计也就是用了我学到的知识做的一个中规中矩的网页，可以给以后的大一新生们做个参考，和商业网站的效果肯定是没得比的，期望太高的可以关掉了 引入页 效果图： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>欢迎来到香氛密语</title> <style>
HTML 教程：学习如何构建网页||HTML 简介
爱编程的鱼的博客
06-24 3399
我的第一个网站
大二学生web期末大作业 在线电影网站 HTML+CSS+JS
HTML网页设计 专注大学生网页设计
09-18 5万+
📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。📘网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。📒网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件
【手把手】制作一个简单的HTML网页
java小白翻身
11-20 8万+
新建一个html文件： 我要给body添加一些样式，就在head元素上挂载一个style元素。 然后，写样式表： 效果： 这样的话，我们就可以看到body部分了。现在，我给body添加一点padding。 页面上看不出区别，让我们打开F12，看一下现在的body变成了什么样子。 示意图： 从图中可以看出，body元素分为三层，最里面的一层，就是520 x 500的那部分，这个叫做内部真实空间，也就是说，你可以在里面添加其他元素，比如div元素，p元素，a元素等等。然后中间的一层就是paddin
制作一个简单html网页
10-13
好的，以下是一个简单的 HTML 网页示例： ```html <!DOCTYPE html> <html> 我的网页 欢迎来到我的网页！ 这是一个简单的 HTML 网页示例。 随机图片"> </html> ``` 这个网页包含了一个标题、一个段落和一张...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值