书山有路勤为径,学海无涯苦作舟
html:超文本标记语言(Hyper Text Markup Language),是一种用于创建网页的标准标记语言。HTML 运行在浏览器上,由浏览器来解析。因此运行不需要另外的环境。只需要你的电脑上有浏览器以及记事本(-。-)。
浏览器推荐google,工具推荐sublime或者notepad++(初学者推荐)。
google:下载地址
sublime:下载地址
notepad++:下载地址
那么开始吧:
首先创建文件:右键创建文本文档,重命名为 .html文件
使用你下载的工具打开该文件,就可以开始写代码了
打开文件以后先按照上面图片抄一遍。
下面解释:html其实你学习的就是标记或者叫标签元素。我们学习这门语言其实就是在学习这些标签
标签的写法如图,
""结束 这是单标记
""结束 ""结束 这是双标记
声明为 HTML5 文档
元素是 HTML 页面的根元素
定义网页编码格式为 utf-8。上面4个标记任何H5页面都得有,你也只需依样画葫芦熟悉写作即可。注意:开始标记和结束标记顺序不能搞错,比如head和body都在html标记中间.
基础知识点:
1.HTML标签和属性是不区分大小写的,建议HTML标签和属性都小写,属性值必须用双引号包围
2.建议不使用HTML已经废弃的或者不赞成使用的标签,少使用table布局、iframe框架嵌套以及flash播放器。
3.编码一般使用utf-8
4.html一般使用双标记,当你写了开始标记之后,一定要写上结束标记.比如
,
之类的。文本内容之类的一般写在开始标签与结束标签之间,
下一步:学习其他标记(这里只介绍基础标记)
h1-h6 标签可定义标题
p 标签定义段落
b/strong 标签加粗
em 标签来表示强调的文本,斜体
strong 标签表示重要文本
u 标签下划线
s 标签删除线
br 标签表示回车换行(单标记)
hr 标签表示水平线(单标记)
blockquote 标签表示块引用
pre 标签可定义预格式化的文本,保持原有格式的一种标签。
sub 标签下标,
sup 标签上标
a 链接标签
img 图片标签(单标记)
audio标签定义声音
video标签定义视频
差不多这些吧,以后想到在补充。挑几个出来详细解释下
p标签,段落标签。内容写在body标记之内,hello world就是你要写的内容。开始标签之内align="center" 这个的话是p标签的属性以及属性值。这里代表的意思是段落之中的内容在网页居中显示。center还可以换成left,right分别是左右。
a 链接标签。内容写在body之中,这里是a链接是你要写的内容。href="www.baidu.com"是a标签的属性以及属性值,属性固定为href,属性值你可以写上网址,或者写上自己文件路径,当你在浏览器上点击之后就会跳转。
img 图片标签。这个是单标记,不需要闭合。src="2.png"就是img标签的属性以及属性值。属性src固定。属性值是你的路径。一般是和你的文件放在同级目录下,你就直接使用图片名字就可以