初学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>
信息学院
</head>
<body>
计算机专业你好
<h1>
欢迎来到齐鲁工业大学
</h1>
</body>
</html>

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

(5)标签有属性

<h1 align="center">齐鲁工业大学</h1>

tips:注意事项

a:h1 align 中间要有空格

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

(6)注释

(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>hfbasbhgdshbf\sh</p> p标签前后自动换行 且有align 三个属性【left center right】

(6)标题<h1> </h1>-------可以一直到6,并且自动换行<h6></h6> 也有align属性【left center right】

(7)空格:  版权符号 ©

(8)文字修饰标记:加粗<b> </b> 加斜体<i></i> 加下划线<u></u> 删除线 <s></s>

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

(10)如何引入图片 单个标签<img src=" " width=" " high=" "/>

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

例如:<a href="http://www.baidu.com">连接到百度</a>

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 10,160评论 0 0
  • 前言 本系列文章主要是基于W3school这个学习网站来总结的,之所以会自己总结一番,一来是因为网站中的实例效果,...
    码字与律动阅读 9,620评论 4 70
  • 学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握CSS三种显示...
    七彩小鹿阅读 11,449评论 2 66
  • 1、HTML介绍 1 2、Html和CSS的关系 HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户...
    夏沫xx阅读 5,485评论 0 8
  • 抽完一根又一根的香烟,房间浓浓的烟草味,盯着对话框,始终无法敲下第一个字,歌单里还在单曲循环着喜欢你,抬头看挂在墙...
    煽情贝多芬阅读 3,775评论 4 1

友情链接更多精彩内容