`
izuoyan
  • 浏览: 9219699 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

HTML系列之一-介绍

阅读更多
HTML介绍


HTML文件是什么?
  • HTML表示超文本标记语言(Hyper Text Markup Language)。
  • HTML文件是一个包含标记的文本文件。
  • 这些标记保速浏览器怎样显示这个页面。
  • HTML文件必须有htm或者html扩展名。
  • HTML文件可以用一个简单的文本编辑器创建。


想不想尝试一下?

假如你运行的是windows系统,打开记事本,在其中输入以下文本:

<html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first homepage.
<b>This text is bold</b>
</body>
</html>

将此文件保存为“mypage.htm”。

启动浏览器。在文件菜单中选择“打开”(或者“打开页面”),这时将出现一个对话框。选择“浏览”(或者“选择文件”),定位到你刚才创建的HTML文件——“mypage.htm”,选择它,单击“打开”。然后在对话框中,你将看到这个文件的地址,比如说:“C:\MyDocuments\mypage.htm”。单击“确定”,浏览器将显示此页面。



例子解释

HTML文档中,第一个标签是<html>。这个标签告诉浏览器这是HTML文档的开始。HTML文档的最后一个标签是</html>,这个标签告诉浏览器这是HTML文档的终止。

在<head>和</head>标签之间文本的是头信息。在浏览器窗口中,头信息是不被显示的。

在<title>和</title>标签之间的文本是文档标题,它被显示在浏览器窗口的标题栏。

在<body>和</body>标签之间的文本是正文,会被显示在浏览器中。

在<b>和</b>标签之间的文本会以加粗字体显示。



关于HTML编辑器:

用一些所见即所得的编辑器,比如frontpage,dreamwaver,你可以很容易创建一个页面,而不需要在纯文本中编写代码。

但是假如你想成为一名熟练的网络开发者,我们强烈推荐你用纯文本编辑器编写代码,这有助于学习HTML基础。



常见问题

问:我编写完了HTML文件,但是不能在浏览器中看见结果,为什么?
答:请确认你保存了文件,并且使用了正确的文件名和扩展名,例如:“c:\mypage.htm”,并且确认你用浏览器打开时使用同样的文件名。

问:我编辑了HTML文件,但是修改结果并没有在浏览器中显示,为什么?
答:浏览器缓存了你的页面,所以它不需要两次读取同样的页面。你修改了这个页面,浏览器并不知道。请使用“刷新/重载”按钮来强迫浏览器读取编辑过的页面。

分享到:
评论

相关推荐

    LoadRunner函数中文翻译系列之一--Action

    【LoadRunner函数中文翻译系列之一--Action】这篇内容主要讲解了LoadRunner中两种重要的函数:web_url和web_image,它们是LoadRunner进行性能测试时用于模拟用户行为的关键组成部分。 1. **web_url函数**: - `web...

    LoadRunner函数中文翻译系列之2--Check

    以上就是LoadRunner函数中文翻译系列之2--Check的主要内容,包括`web_find`、`web_global_verification`、`web_image_check`以及`web_reg_add_cookie`四个函数的详细介绍及其应用场景。通过这些函数,LoadRunner能够...

    程序员的数学系列书籍介绍-2020-10-20.pdf

    根据提供的信息,这份文档主要介绍了针对程序员群体的一系列数学相关书籍。这些书籍旨在帮助程序员更好地理解数学原理,并将其应用于编程实践中。下面将对每本书籍进行详细介绍。 #### 二、书籍详细说明 1. **“编...

    arcgisserver精典讲座系列之二--Web ADF

    - `MapControl`:核心控件之一,用于显示地图。 - `MapRenderer + map.xsl`:用于定义地图的渲染方式。 - `&lt;a:map.../&gt;`:在 JSP 页面中使用的标签,代表 MapControl。 #### Web ADF 的控件与功能 - **Context ...

    Jsp系列例程之二---plugin

    **JSP系列例程之二---Plugin** JSP(JavaServer Pages)...总的来说,"Jsp系列例程之二---plugin"是一个学习JSP插件技术的绝佳案例,通过它我们可以了解到如何在Web页面中集成Java技术,为用户提供更丰富的用户体验。

    GT-suite软件功能介绍

    1. **一体化解决方案**:GT-Suite最显著的特点之一是其将虚拟发动机、动力总成和车辆的模拟集成为单一可执行程序。这意味着用户可以在一个平台上完成从初步设计到详细分析的所有步骤。 2. **灵活性与扩展性**:软件...

    HTML5系列教程-HTML5框架、背景和实体

    - **Bootstrap**:是最受欢迎的前端框架之一,提供了响应式设计和丰富的组件库,简化了页面布局和样式设置。 - **AngularJS**:Google开发的MVC框架,用于构建动态单页应用(SPA),支持数据绑定和依赖注入。 - *...

    HTML5-Clear-v2-master

    这个压缩包可能是该项目或教程的源代码库,包含了一系列用于学习和实践HTML5特性的文件。 在HTML5中,一些关键的知识点包括: 1. **语义化标签**:HTML5引入了许多新的语义化标签,如、、、、和等,这些标签有助于...

    HTMLArea-3.0-rc1多国语言

    HTMLArea是著名的开源项目,主要用于Web应用程序中的富文本编辑功能。这个特定的版本,HTMLArea-3.0-rc1,代表了它的第三个主要版本的候选...其丰富的功能、良好的兼容性和可扩展性使其成为Web开发者的首选工具之一。

    《Cocos2d-Js开发之旅-从HTML5到原生手机游戏》完整源码

    《Cocos2d-Js开发之旅-从HTML5到原生手机游戏》是一本深入探讨Cocos2d-Js框架的书籍,旨在帮助开发者从HTML5游戏开发过渡到原生移动平台的游戏制作。Cocos2d-Js是Cocos2d-x家族的一员,是一个跨平台的、基于...

    html5介绍-PPT.ppt

    ### HTML5介绍 #### 一、HTML5概述 1. **HTML5定义**: - HTML5是一项新的网络标准,目前正处于不断发展中。 - 其目标在于替代现有的HTML 4.01和XHTML 1.0标准。 - HTML5旨在减少互联网富应用(RIA)对于Flash...

    cocos2d-iphone~cocos2d-html5移植之旅

    ### cocos2d-iphone至...总之,《cocos2d-iphone至cocos2d-html5移植之旅》不仅是一本技术手册,更是一次实践的记录,它鼓励着每一位开发者勇敢地探索未知领域,利用现有的工具和知识,在新的平台上实现创意和梦想。

    python-3.7.3-docs-html.zip

    此外,Python的标准库是其强大之处之一,手册中也详细介绍了各种内置模块,例如os模块用于操作系统交互,sys模块用于系统相关操作,math模块提供了数学函数,datetime模块处理日期和时间,以及json模块用于JSON数据...

    cocos2d-html5-v2.2.3

    cocos2d-html5-v2.2.3是cocos2d-x系列的一个重要版本,专为HTML5游戏开发设计。cocos2d-x是一个开源的游戏开发框架,它基于cocos2d,并且支持多种平台,包括iOS、Android、Windows以及Web浏览器。cocos2d-...

    第14周-10章节-Python3.5-html的body内标签之input系列(一).avi

    第14周-10章节-Python3.5-html的body内标签之input系列(一).avi

    TBI-SFU系列丝杠选型软件.zip

    TBI-SFU系列丝杠选型软件是一款专为机械设计工程师打造的专业工具,它简化了TBI-SFU系列丝杆螺母的选型过程,使得设计者能够根据实际需求快速、准确地选取合适的丝杠组件。这款软件的独特之处在于,它不仅提供了选型...

    html5lib-0.9999999

    这个特定的版本"html5lib-0.9999999"是为安装TensorFlow 1.2.1版本所需的依赖之一。在安装TensorFlow时,确保依赖库的版本在特定范围内是非常重要的,因为不同版本的库可能与特定版本的框架存在兼容性问题。 ...

    html5-js-apis

    HTML5不仅是一种标记语言,更是现代网络开发的核心技术之一,它引入了一系列新功能和API,极大地丰富了网页的功能性和互动性。 ### Web Forms 2.0 Web Forms 2.0是HTML5的一部分,它提供了一组新的表单控件和属性...

    html5-css-3d.rar

    而CSS3是CSS的最新版本,它带来了许多强大的新功能,其中3D转换是其中之一。3D转换允许开发者对网页元素进行旋转、缩放、移动和平移,从而创造出立体的视觉效果。这些转换可以通过transform属性实现,例如`transform...

Global site tag (gtag.js) - Google Analytics