一、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 要链接到的地址】

用html语言设计网页教程,HTML网页制作基础相关推荐

文案层次感文字设计#ps教程#PS抠图学习基础入门
文案层次感文字设计#ps教程#PS抠图学习基础入门
怎么制作公司网页教程【网站制作】
目录怎么制作公司网页教程是什么? 1.了解自己制作公司网页的需求(分类刚需和次需) 2.确认本次制作公司网页需求和预算,找合适的第三方企业网站建设公司 3.确定制作公司网页的设计方案 4.结合制作公 ...
python语言设计二级教程答案2019_全国计算机等级考试二级教程2019年版——Python语言程序设计参考答案...
第二章 Python语言基本语法元素一.选择题 C B B C A D B A D B 二.编程题 1.获得用户输入的一个整数N,计算并输出N的32次方. 在这里插入图片描述 2.获得用户输入的一段 ...
单片机 89c52rc C语言设计蜂鸣器变频实现音乐播放
单片机 89c52rc C语言设计蜂鸣器变频最近在制作一个单片机音乐播放器,遂查询网上的实例,但发现都不是特别全面.所以在自研了一段时间后的出实例,发表此文用以记录,以防忘记.诸位也可拿去参见.若 ...
好程序员web前端教程分享网页设计需要学那些东西？
好程序员web前端教程分享网页设计需要学那些东西:初次接触或者想要进入网页设计行业的朋友会经常分不清楚web前端与网页设计之间的区别,不知道网页设计要学什么,web前端要学什么,因此感到很迷茫,下面老 ...
用html语言设计如下网页,HTML语言与网页制作教案（5篇可选）
HTML语言与网页制作教案城步职业中学:刘红兰教学内容:HTML语言与网页制作教学目的: 1.掌握输入和运行HTML文件的方法 2.掌握HTML基本的结构标记 3.掌握html在网页特效中的简单 ...
html语言怎么设计出来的,(正式)网页设计语言HTML.ppt
(正式)网页设计语言HTML 第二章网页设计语言HTML HTML基础知识页面基本信息和布局文本修饰超文本链接表格图像表单多媒体什么是HTML? HTML是Hyper Text Mar ...
用html语言制作古诗网页,唐诗宋词网页设计.docx
唐诗宋词网页设计唐诗宋词网页设计篇一:网页设计2 <网页设计>课程实验实训报告篇二:网页设计实验报告 JIANGXI AGRICULTURAL UNIVERSITY 本科课程 ...
html网页设计课程的思维导图,UI设计初级教程学哪些？课程大纲和思维导图分享给你！...
如果你现在还不会ps一张照片,那么说明你落伍了,如果一个企业没有一个专业的UI设计师,那么这个企业的前端后端产品应该不会太美,所以,UI设计师是一个企业的灵魂,有了设计师,一切都变得更美了,UI设计行 ...
PS经典教程：从零开始设计一个漂亮的网页
你是否曾经想过设计一个漂亮的网页,但是却不知道怎样入手?说实话,几年前我也是这样.当我浏览网页的时候我看到这么多好看的网页,我就希望自己有技术创作这样的设计作品. 今天我可以这么做了,而且我将教你怎么 ...

用html语言设计网页教程,HTML网页制作基础

九云IT教育

用html语言设计网页教程,HTML网页制作基础相关推荐

最新文章

热门文章