原标题：HTML网页制作基础

一、HTML基础

(1) HTML：超文本编辑语言hyper text markup language(编写网页)

文本：用来描述数据，特别单调，只能输文字，不能变彩色，不能插入图片。

超文本：丰富多彩的的展示文件

(2)www 【w(world)w(wide)w(web)万维网，因特网】

含义：建立在Internet上面的，全球的，交互的，多平台的，分布式的信息资源网络

多平台的：操作系统【window linux(Android) unix(iOS)】

交互的：阅读、发表【CSDN】

分布式的：有多台服务器为网络进行服务。

(3)万维网的组成

URL 【Uniform Resource Locator(统一资源定位符)网站】

HTTP【hypertext transfer protocal超文本传输语言】

(4)W3C 【HTML的标准制定者和维护者】

二、标签：【以尖括号开始，尖括号之间描述信息，就叫标签】

列子：对错对

分类：开始标签结束标签

三、HTML文档结构

人=头(head)+身体(body>

头>

身体>

人>

四、记事本开发网页步骤

(1)新建文件.txt

(2)更改后缀【.hmtl】或【.htm】------[选中文件，点击f2--快捷方式]

(3)后缀名作用：告诉Windows系统，用什么样的程序打开文件。

(4)源代码：记事本打开执行结果：网页打开

五、HTML注意事项

(1)标签成对出现。

(2)标签具有嵌套型

(3)排版问题：子标签的父标签之间应该有8个空格：一个tab键

IT教育学院

计算机专业你好

欢迎来到九云IT教育学院

(4)html不区分大小写，最好全部用小写

(5)标签有属性

九云IT教育

tips:注意事项

a：h1 align 中间要有空格

b：属性名：align 属性列：center 属性列要加"",之间要加 =

(6)注释

(7)换行和空格不管用【如何换行
】

六、网页的基本标签

(1)头部标签：

(2)text 设定文字颜色

[或者使用颜色代码]：使用#和十六进制数据组成

(3)【背景颜色】：bgcolor 【背景图片】：

(4)文字标记：hello world

(5)

hfbasbhgdshbfsh

p标签前后自动换行且有align 三个属性【left center right】

(6)标题

-------可以一直到6，并且自动换行也有align属性【left center right】

(7)空格：版权符号 ©

(8)文字修饰标记：加粗加斜体加下划线删除线

(9)支持的图片：常用.jpg .gif .png

(10)如何引入图片单个标签

(11)超级链接【从一个网络跳到另外一个网页】：【非常重要的属性 href 要链接到的地址】

例如：连接到九云IT教育返回搜狐，查看更多

责任编辑：

如何用hb制作一个html网页,HTML网页制作基础相关推荐

制作一个浪漫的表白网页
阿里云大学免费课程:[云计算的1024种玩法]制作一个浪漫的表白网页喜欢TA,就让网页替你说出来吧! 通过该课程,1小时内学会在云服务器上制作一个简单浪漫的表白网页. 课程包括视频课程和教学文档简单 ...
使用reveal.js制作一个酷炫的网页ppt
今天教大家使用reveal.js,制作一个简洁优雅的网页ppt.在这之前,你需要一些基本的HTML以及CSS的技能基础. 1.准备工作下载插件,插件下载地址:https://github.com/h ...
使用HBuilder制作一个简单的HTML5网页
使用HBuilder制作一个简单的HTML5网页写在前面:开始入门网页制作,写下第一篇博文作为记录.纯纯小白一个,如有阅览者,欢迎批评指正!❤ 先放上效果图: 使用HBuilderX编辑器创建一个& ...
java jsp网页计算器_使用JSP制作一个超简单的网页计算器的实例分享
实现一个简单的计算器程序,要求:使用jsp+javabean模式实现. 项目源代码如下: 文件:calculator.jsp 简单的计算机进行计算 --%> cal.calculate(); ...
制作一个简单HTML游戏网页（HTML+CSS）_英雄联盟 lol 7页
⛵ 源码获取文末联系 ✈ Web前端开发技术描述网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 |游戏官网 | 游戏网站 | 电竞游戏 | 游戏介绍 | 等网站的 ...
如何制作一个简单的html网页
1.新建一个记事本 2.开始写html代码制作一个简单的网页<html><head><title>网页的名字</title></head> ...
制作一个简单HTML学校网页（HTML+CSS山东传媒职业学院）
⛵ 源码获取文末联系 ✈ Web前端开发技术描述网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 校园班级网页设计 | 我的班级网页 | 我的学校 | 校园社团 ...
如何制作一个漂亮的生日祝福网页
在线制作地址: http://blessing.code996.cn 开始前完成本教程需要以下技能要求: 熟悉Git 熟悉HTML及HTML5 熟悉Css及Css3 熟悉JavaScript 熟悉J ...
制作一个简单HTML游戏网页（HTML+CSS）米哈游 1页带轮播图
⛵ 源码获取文末联系 ✈ Web前端开发技术描述网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 游戏官网 | 游戏网站 | 电竞游戏 | 游戏介绍 | 等网站 ...
制作一个简单HTML家乡网页（HTML+CSS）---家乡邢台页面7个
⛵ 源码获取文末联系 ✈ Web前端开发技术描述网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 家乡旅游景点 | 家乡民生变化 | 介绍自己的家乡 | 我的家 ...

如何用hb制作一个html网页,HTML网页制作基础

九云IT教育

如何用hb制作一个html网页,HTML网页制作基础相关推荐

最新文章

热门文章