制作网页的基本步骤html,如何制作一个html网页
如何用html制作网页一、html 1.1概念介绍html是超文本标记语言，意思是超文本标记语言。HTML不是一种编程语言，而是一种标记语言。超文本指的是超链接，标记指的是标签。它是一种用来制作网页的语言。这种语言是由一个个标签组成的。用这种语言制作的文件存储一个扩展名为。html或者。htm。Html，也叫网页，其实就是网页。如果用浏览器打开，浏览器会根据标签中描述的内容将文件渲染成网页，显示的网页可以从一个网页链接跳转到另一个网页链接。
1.2开发工具电脑自带的记事本可以用来写html，但是为了写代码高效可读，我们通常要使用一些开发工具。常用的代码编辑工具有很多，比如SublimeText、WebStorm、VSCode等。本文以VSCode为例。
二。html 2.1基本语法基本结构html文本的结构包括一个“头”部分和一个“体”部分，其中“头”部分提供网页的相关信息，“体”部分提供网页的具体内容。它的标记语法是“”和“”，标记主要有两种，即双重标记(标记名称标记内容标记
可以按以下格式将属性添加到标记中：标记名称属性名称1="值1 "属性名称2="值2 "属性名称n="值n "…/标记名称
html的基本结构如下，可以用！在编辑器中回车键被直接导出。
！doctype html HTML lang= en head meta charaset= UTF-8 meta name= viewport content= width=device-width，initial-scale=1.0 title document/title/head body/body/HTML 2.2注释可以在HTML文档代码中插入注释，是对代码的解释和说明。
格式是：-注释内容-
！-里面有评论-2.2 head heading head标签作用于网页的头部，其内容不会显示在文本中，主要是完成对当前网页的各种设置。
头部主要包含以下标签
三。文本标签常用的文本标签如下
接下来，我们将通过一个案例来观察上述文字标签的用法和实际效果。
html文本如下所示
！doctype HTML HTML lang= en head meta charaset= UTF-8 标题此标题的示例/标题/标题正文h3文本标签用例/h3 h1标题1 /h1 h2标题2 /h2 h3标题3 /h3 h4标题4 /h4 h5标题5 /h5 h6标题6/h6 iitalic/I br/e accent Italic/Embr/bBold/BBR/br/strong bold/strong br/del删除线/delbr/uUnderline/UBR/br//正文/HTML实际的网页效果
(我们可以在记事本中编写这个html文本，并更改后缀。txt文件到。html，这样我们就可以通过网页观察上面的功能了。)
四。格式标签常用的格式标签主要有以下几种
接下来，演示上述功能。
！doctype HTML HTML lang= en headmethacharaset= UTF-8 标题格式标签案例演示/标题/头体h3HTML简介/h3 pHTML称为超文本标记语言，是一种有标记的语言。它包括一系列标签，可以统一网络上文档的格式，将分散的互联网资源连接成一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，可以解释文字、图形、动画、声音、表格、链接等。/p p“超文本是组织信息的一种方式。它通过超链接将文本、图表和其他信息媒体联系起来。这些相互关联的信息媒体可能在同一文本、其他文件或远程计算机上的文件中。/p hr/！-list label-schedule ul Li reading/Li Li reading/Li Li reading/Li Li玩游戏/Li/ul ol type= a Li reading/Li Li reading/Li Li玩游戏/li /ol dl dt q:一加一等于多少/dt dd a:不知道/dd dt q: HTML？/dt dd答案：超文本标记语言/dd dt Q:树上有什么/dt dd答案：金苹果/DD/dl divaaa/divdivbbb/divspanaaaa/spanspanbbbb/span/body/html其实际显示效果如下：
动词（verb的缩写）图像标签在HTML页面中插入图片，并使用img标签，这是一个单独的标签:img
主要包括以下常见属性
Src:图像名称和url地址
Alt:图片加载失败时的提示信息。
标题：文本提示属性
宽度：图片宽度
高度：图片的高度
边框：边框线的粗细
演示示例：
！doctype HTML HTML lang= en headmethacharaset= utf-8 title document/title/head body H3图像标记示例/h3 img src=。/your name . jpg title= picture width= 300 /Img=。/your name . jpg width= 280 border= 2 //body/html实际效果：
不及物动词超链接标签a rel=外部nofollow href=链接目标url地址显示文本
标签a的属性：
Href: Must，指的是链接跳转地址。
目标：指示如何打开链接：
_空白新窗口
_父父窗口
_self此窗口(默认)
_top顶层窗口
Framename窗口名称
标题：文本提示属性(详细信息)
当使用锚链接时，跳转地址是#加上标记的id。
七。表单的选项卡
示例演示：
！doctype HTML HTML lang= en headmethacharaset= UTF-8 title document/title/head body H3 HTML tag instance-table tag/H3 border= 1 width= 700 cell spacing= 0 cell padding= 4 caption H3学生信息表/h3/caption tr th学生编号/th姓名/th年龄/th班级/th/th/tr tr tr TD 1001/TD tdkkdfj/Td22/TD TD TD python 04/TD/tr tr TD 1002/TD- td22/td -！-TD python 04/TD-/tr/table/body/html实际显示效果如下
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。