html li标签img属性

姨妈,这里有一份详细的HTML网页制作教程,骚年们细心看啊!

HTML制作网页是现代人必备的一项技能,它不仅能让你在互联网上拥有自己的一席之地,还能让你的展示更加专业,更能吸引众多粉丝的注意力,毕竟在一个美观稳重的网站上,能够让人眼前一亮,自然会想要多逛逛落脚。好啦,废话不说,马上为你详细介绍一下HTML制作网页的步骤。

1.打开编辑器

做网页,我们需要的第一件事就是找到一个编辑器。虽说有许多好用又免费的编辑器可供选择,但小编个人特别认可的是notepad++和sublime。当然了,如果你是Mac用户,那就用自带的TextEdit也不错。选用编辑器的理由很简单,它可以帮助你更加方便地在不同的文件之间跳转,还能提前预览代码。

2.创建新文件

接下来,我们需要创建一个新文件并给它起名,命名方式为:"文件名.html"。注意:文件名中的“.html”一定不能忽视,它代表了文件的类型,遗漏了就要吃亏了。

3. html的基本格式

在新建的这个文件里,我们先输入一组基本的html标签:

我的第一个网页

这里,我们分别介绍一下这些标签的作用:

声明这是一个HTML文件

html标签是最顶端的标签,定义了整个HTML页面

头部标签,包含了文档的元数据 如标题、脚本、CSS等

在头部标签中使用,定义了文档标题<p><body> 文档内容的容器<p><p>4.标题<p>接下来,在<title>标签中添加自己的标题,这个步骤有些宛如给自己的宝宝取名:<p><p><title>我的第一个网页

5.添加段落:

好了,接下来咱们要添加一些内容了,那么首先就是添加一个段落。段落,就是HTML语言中最基本的标签之一,其实现方法也非常简单:

这是一个段落

注意了,每一个段落都需要位于

之间。

6.标题标签:

HTML语言中还提供许多不同的标题标签,让我们的网页更加整洁。这几种标签的作用也都相同,只是字体的大小不同而已:

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

7. 图片

给网页增添一些好看的图标,一定会让用户眼前一亮。这个时候我们就需要使用到下面的标签了:

图片的描述

其中,图片的路径和描述你需要自己填写。

8.链接

接下来就是增加一个链接,使得用户可以在不同的网页之间进行切换,这也是网站的基本功能。方法也是非常简单的:

链接的文字描述

这里,“链接的地址”就是指的是你要跳转的网页地址,“链接的文字描述”就是这个链接上显示的文字。

9.列表

最后就是我们最常用的无序标签和有序标签。相信很多人,在写博客等文章时便会用到它们。使用方法分别是:

  • 列表1
  • 列表2

  1. 序号1
  2. 序号2

代码的边界很清晰,直接上手就行了。

好啦,这就完成了本次的教程,相信你已经学习了HTML语言的基本知识,你是不是也有些心动了呢?这门技能对于学习计算机编程的人来说,都是必学课程。现在,你可以尝试去制作一个专属于自己的网页了,炫酷的开头,丰富的内容,漂亮的排版,还有我们一起狂欢的粉丝,你还有什么理由不去试试呢? 如果你喜欢我们三七知识分享网站的文章, 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔!https://www.ynyuzhu.com/

点赞(46) 打赏

评论列表 共有 0 条评论

暂无评论
立即
投稿
发表
评论
返回
顶部