什么是HTML?
超文本标记语言。英文全称:HyperText Markup Language。HTML不是一种编程语言,而是一种标记语言。它帮助我们以我们需要的格式在网页上显示文字和图片。
如何编写HTML?
只需要wndows自带的记事本编写即可。或者使用其他高亮文本编辑器,如:Notepad++等。新建一个文本文件,后缀名改为:html。编辑时,使用记事本或者文本编辑器打开。查看效果时,只需使用浏览器打开即可。
HTML的基础结构框架:
所有网页文件基本由一下框架来构成:
<html>
<head>
<title>
</title>
</head>
<body>
</body>
</html>
<html> </html> : 网页中的所有内容放在这个标记词中间。它标识了网页的开始和结束。
<head></head>:标识网页的头部信息,如:标题,搜素引擎信息等。
<title> </title> : 标识网页文件的标题。
<body> </body>: 标识网页文件的主题内容
以上所提到的这些东西都是HTML中的标识符,我们可以通过这些标识符来让文字和图片以我们想要的方式显示在网页上。
HTML的基本语法:
1.双标记:<开始标记>内容 </结束标记> 通常开始标记与结束标记相同。
2.单标记:<标记>
3.标记属性: <开始标记 属性1 = 参数1 属性2 = 参数2 属性2 = 参数2>内容 </结束标记>
说明:属性之前不区分前后顺序;属性与属性之间,标记与属性之间以空格隔开。
实例:
新建文本文件更改后缀名之后,打开书写如下:
<html>
<head>
<title>欢迎来到这里</title>
</head>
<body>
我喜欢网页设计
</body>
</html>
保存后,再用浏览器打开,看到的效果是这样:
这样一个很简单的原始网页就ok了。
注意:
在计算机中新建文本文件后更改后缀名之后,再查看文件属性还是txt,这时,是因为你隐藏了文件的后罪名,使其不显示,所以你实际并未更改文件的属性。这时,需要点击计算机右键“工具”->"文件夹选项"->"查看“->确保“隐藏已知文件类型的扩展名”项前面没有对勾。重命名将.txt改为.html即可
相关推荐
ES6 基础语法
jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery ...
日语二级副词 日语学习笔记 日语综合语法难点+笔记
最近开始学习Flex,其中用到了AS,AS2到AS3发生了很大的变化,完全的面向对象,知道这个特点以后我也一直没有特意的好好去学学AS3,但是随着最近学习的深入,还是有必要学习一下
HTML的学习笔记HTML的学习笔记HTML的学习笔记HTML的学习笔记 HTML的学习笔记HTML的学习笔记HTML的学习笔记HTML的学习笔记 HTML的学习笔记HTML的学习笔记HTML的学习笔记HTML的学习笔记 HTML的学习笔记HTML的学习笔记...
介绍了MATLAB基础知识,以及基本语法,便于开发与设计过程中对一些知识点的查询,类似于一个查询手册一样
狂神说Java学习笔记(笔记+源代码+图片)——基础语法
韩顺平PHP149讲笔记之基本语法2完整版本随堂版本
HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 ...
html css js 学习笔记html css js 学习笔记html css js 学习笔记 html css js 学习笔记html css js 学习笔记html css js 学习笔记 html css js 学习笔记html css js 学习笔记html css js 学习笔记 html css js 学习...
MySQL学习笔记——“语法总结”
基于java的基础知识,进行归纳的文件,包括基本语法和高级语法,如:5 线程 同步异步 Lambda,7 函数式接口 stream流 反射等。以及部分案例
NULL 博文链接:https://yangmeng.iteye.com/blog/1969617
Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门...
思维导图梳理Python学习笔记(三)基础语法、数据类型部分。供学习参考,仅适合初学者。大佬请绕行
C#笔试题大全,C#面试集合包括了,.net程序员面试题基础概念,面试题及答案,学习笔记,基本语法和问题集锦,是C#爱好者不可多得的学习资料。
Java的基本语法的笔记
html+css前端学习笔记html+css前端学习笔记html+css前端学习笔记 html+css前端学习笔记html+css前端学习笔记html+css前端学习笔记 html+css前端学习笔记html+css前端学习笔记html+css前端学习笔记 html+css前端学习...
Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习...
C# 语法 学习 笔记 自学资料总结 很不错的啊