HTML网页制作基础是什么
这篇文章主要为大家展示了“HTML网页制作基础是什么”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“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的标准制定者和维护者】
二、标签:【以尖括号开始<,以尖括号结束>,尖括号之间描述信息,就叫标签】
列子:<人> 对 <ha ha>错 <haha>对
分类:开始标签<dgs> 结束标签</dgs>
三、HTML文档结构
人=头(head)+身体(body>
<html><人>
<head><头>
</head></头>
<body><身体>
</body></身体>
</html></人>
四、记事本开发网页步骤
(1)新建文件.txt
(2)更改后缀【.hmtl】或【.htm】------[选中文件,点击f2--快捷方式]
(3)后缀名作用:告诉Windows系统,用什么样的程序打开文件。
(4)源代码:记事本打开 执行结果:网页打开
五、HTML注意事项
(1)标签成对出现。
(2)标签具有嵌套型
(3)排版问题:子标签的父标签之间应该有8个空格:一个tab键
<html>
<head>
IT教育学院
</head>
<body>
计算机专业你好
<h2>
欢迎来到九云IT教育学院
</h2>
</body>
</html>
(4)html不区分大小写,最好全部用小写
(5)标签有属性
<h2 align="center">九云IT教育</h2>
tips:注意事项
a:h2 align 中间要有空格
b:属性名:align 属性列:center 属性列要加"",之间要加 =
(6)注释 <!--2018-4-21-->
(7)换行和空格不管用【如何换行<br /> 】
六、网页的基本标签
(1)头部标签:<tittle> </tittle>
(2)text 设定文字颜色 <body text="yellow">[或者使用颜色代码]:使用#和十六进制数据组成
(3)【背景颜色】:bgcolor 【背景图片】:<body background="图片名">
(4)文字标记:<font color="red" size="7">hello world<font/>
(5)<p>hfbasbhgdshbfsh</p> p标签前后自动换行 且有align 三个属性【left center right】
(6)标题<h2> </h2>-------可以一直到6,并且自动换行<h7></h7> 也有align属性【left center right】
(7)空格: 版权符号 ©
(8)文字修饰标记:加粗<b> </b> 加斜体<i></i> 加下划线<u></u> 删除线 <s></s>
(9)支持的图片:常用.jpg .gif .png
(10)如何引入图片 单个标签<img class="lazy" data-src=" " width=" " high=" "/>
(11)超级链接【从一个网络跳到另外一个网页】:<a> </a> 【非常重要的属性 href 要链接到的地址】
以上是“HTML网页制作基础是什么”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网行业资讯频道!
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341