`
远走的四叶草
  • 浏览: 5638 次
  • 性别: Icon_minigender_2
最近访客 更多访客>>
社区版块
存档分类
最新评论

HTML快乐学习笔记之基本语法

阅读更多

什么是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,这时,是因为你隐藏了文件的后罪名,使其不显示,所以你实际并未更改文件的属性。这时,需要点击计算机右键“工具”-&gt;&quot;文件夹选项&quot;-&gt;&quot;查看“-&gt;确保“隐藏已知文件类型的扩展名”项前面没有对勾。重命名将.txt改为.html即可


 

  • 大小: 24.2 KB
分享到:
评论

相关推荐

    ES6学习笔记 包含基础语法和简单项目

    ES6 基础语法

    jQuery 语法学习笔记

    jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery ...

    日语二级副词 日语学习笔记 日语综合语法难点+笔记

    在日语学习的过程中,副词是提升语言表达...通过上述的“日语学习笔记”、“日语综合语法难点+笔记”和“日语二级副词”三份资料,学习者可以从各个方面深入理解和掌握这一语言要素,为日语水平的提升打下坚实的基础。

    php基本语法学习笔记

    这篇"php基本语法学习笔记"将引导我们深入理解PHP的核心概念和基础语法。通过博主杨梦在ITEYE博客上分享的文章链接(https://yangmeng.iteye.com/blog/1969617),我们可以获得关于PHP编程的实用知识。 首先,PHP...

    HTML的学习笔记.zip

    HTML的学习笔记HTML的学习笔记HTML的学习笔记HTML的学习笔记 HTML的学习笔记HTML的学习笔记HTML的学习笔记HTML的学习笔记 HTML的学习笔记HTML的学习笔记HTML的学习笔记HTML的学习笔记 HTML的学习笔记HTML的学习笔记...

    java学习笔记包括基本语法和高级语法

    这份"java学习笔记"涵盖了从基础到高级的多个重要知识点,是学习和提升Java技能的良好资源。以下是对这些知识点的详细解释: 1. **基本语法**: Java的基本语法包括变量声明、数据类型(如整型、浮点型、字符型和...

    HTML+CSS学习笔记.zip

    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 学习笔记.zip

    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学习笔记——“语法总结”.zip

    MySQL学习笔记——“语法总结”

    Web前端HTML5 CSS3初学者零基础入门全套学习笔记.zip

    Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门...

    狂神说Java学习笔记基础语法

    "狂神说Java学习笔记基础语法"是一份详细的学习资源,涵盖了Java编程的基础概念和语法要点。这份资料包括了笔记、源代码示例以及相关的图片解释,帮助初学者深入理解和掌握Java编程。 1. **Java简介**: Java由Sun...

    Python笔记-基础语法、数据类型部分

    思维导图梳理Python学习笔记(三)基础语法、数据类型部分。供学习参考,仅适合初学者。大佬请绕行

    日语语法大全整理笔记.zip

    1. **日语语法大全整理笔记**:这是一份综合性的资料,可能包含了从基础到高级的日语语法要点,包括但不限于接续词、助动词、敬语、授受关系、被动语态、使役形、连用形、终止形等。这些笔记通常会以实例和解释相...

    数据库软件MySQL的学习笔记,语法基本通用

    数据库软件MySQL的学习笔记,语法基本通用

    Java的基本语法的笔记

    Java的基本语法的笔记

    html+css前端学习笔记.zip

    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学习笔记Java学习...

    FPGA学习笔记之Verilog语法基础讲解之参数化设计

    在Verilog语法中,可以实现参数化设计。所谓参数化设计,就是在一个功能模块中,对于一个常量,其值在不同的应用场合需要设置为不同的置,则将此值在设计时使用parameter 关键字声明.......

    HTML学习笔记.md

    HTML学习笔记

Global site tag (gtag.js) - Google Analytics