今天刚刚开通博客园，把我最近整理的html/css来说一下，对于初学者还是有一定的帮助。

一、先来为大家简单普及以下html

　　（1）、html英文即：hypertext markup language  中译 ： 超文本标记语言

　　（2）、网页：网页是一个后缀名为".html"的文件，它存放在世界某一部计算机或服务器中，而它与互联网相连，网页经由网址读取（url（统一资源定位符）），是万维网其中

　　　　　  一页（万维网（由世界各地计算机连接起来的网络）），网页通过浏览器来阅读。

　　（3）、网站（英文（website 简称 web））：是由多个网页组合而成，但不是简单的罗列组合，通过超链接方式组成既有鲜明风格又有完善内容的有机体制。

　　（4）、web页面组成元素标准：结构 、表现 、行为。

　　（5）、web前端三要素：html/css/javaScript。

上面是对于我们html最基本的了解，接下来开始我们的第一个网页的制作，当然也是我当初的第一个网页，很是怀念

一、页面最基本的构成

（1）、根元素：<html></html> [注]：它其中包含了头部，主体各种样式js代码等等。

　　（2）、头部：<head></head>  [注]：包含一些你的页面描述，和你的页面样式。

　　（3）、页面描述：<title></title> [注]：包含了网页窗口标题。

　　（4）、主体内容：<body></body> [注]：包含了你的网页内容。

　　【注】：html的元素基本都会有闭合标签，闭合标签即</htm>  </head>   </title>  </body>这样的都是闭合标签。

二、正式开始我们的第一个页面

【注】：初学者不推荐使用编程软件，可以使用《记事本》来写或別的没有提示的软件来写提高你对代码的熟悉。

<html>

     <head>

           <title>我的第一个网页</title>

     </head>

     <body>

           <p>我的第一个网页</p>

     </body>

</html>

　　（1）、打开记事本

　　  

　　（2）、记事本中写入我们的代码

　　

　　（3）、保存我们的记事本，文件后缀一定要保存为".html"否则浏览器无法解读

　　

　　（4）、最后打开我们保存好的.html文件，我们的页面就出现了

　　

到这里我们就写好了一个非常非常简单的页面了，今天时间有限，明天接着继续。

html基础-html简介-第一个网页（1）的更多相关文章

  1. #WEB安全基础：HTML/CSS | 0x0 我的第一个网页

    #WEB安全基础:HTML/CSS系列,本系列采用第二人称以免你不知道我在对着你说话,以朋友的视角和你交流 HTML的中文名叫做超文本标记语言,CSS叫做层叠样式表 用HTML设计你的第一个网页,你需 ...

  2. 【Machine Learning】机器学习及其基础概念简介

    机器学习及其基础概念简介 作者:白宁超 2016年12月23日21:24:51 摘要:随着机器学习和深度学习的热潮,各种图书层出不穷.然而多数是基础理论知识介绍,缺乏实现的深入理解.本系列文章是作者结 ...

  3. XML 参考：XML基础 XML 简介

    XML 参考:XML基础 -- XML简介和用途 转:http://www.cnblogs.com/Dlonghow/archive/2009/01/22/1379799.html XML 参考:XM ...

  4. django学习记录--第一个网页“hello django”

    一.安装django 下面两种方法任选其一 1.pip或easy_install 安装 pip install django easy_install django 2.到django官网(https ...

  5. Java基础类库简介

    Java基础类库简介 一.常用的基础类库:11个jar(Java Archive,Java归档)包 作为java语言使用者,我们可以感受到java语言带来的优势(平台无关.面向对象.多线程.高效易扩展 ...

  6. Chrome启动后打开第一个网页很慢的解决方案

    Chrome启动后打开第一个网页很慢的解决方案 Chrome/Chromium以速度快著称,最近每当打开chrome的时候,打开第一个页面都非常慢,往往需要数十秒的时间,经分 析,应该是卡在了域名解析 ...

  7. SpringCloud(1) 架构演进和基础知识简介

    一.传统架构演进到分布式架构 简介:讲解单机应用和分布式应用架构演进基础知识 (画图) 高可用 LVS+keepalive 1.单体应用:开发速度慢.启动时间长.依赖庞大.等等 2.微服务:易开发.理 ...

  8. Web基础学习---HTML 第一天

    Web基础学习---HTML 第一天 1 HTML标签 2.CSS Web开发基础HTML好吧离开Python几天...如何学好前端?? 多去看别人的网站.多看.多写.多练,(知乎.36Kr.)多练就 ...

  9. Java 零基础跑起第一个程序

    Java 零基础跑起第一个程序 一 概述 1  java代码编译 编译后才干在计算机中执行.编译就是把人能看懂的代码转换成机器能看懂的形式 2 java的长处 一次编译.到处执行.由于java代码是在 ...

随机推荐

  1. day 42 mysql 数据库(2)

    前情提要: 本节继续学习数据库   一:ddl 创建表 >字段名 >数据类型 >约束规则 >显示建表语句 修改表: 二:数据类型 >数值类型 >小数类型 >字 ...

  2. 数据结构---平衡查找树之B树和B+树（转）

    本文转载自:http://www.cnblogs.com/yangecnu/p/Introduce-B-Tree-and-B-Plus-Tree.html 前面讲解了平衡查找树中的2-3树以及其实现红 ...

  3. (转)Linux中的位图

    原文:https://www.jianshu.com/p/74626c2d2916 什么是位图 位图(bitmap)的定义 维基百科中关于位图的介绍: 一种数据结构,代表了有限域中的稠集(dense ...

  4. (转)Python科学计算之Pandas详解，pythonpandas

    https://www.cnblogs.com/linux-wangkun/p/5903380.html-------pandas 学习(1): pandas 数据结构之Series https:// ...

  5. (转)WebSphere 中池资源调优 - 线程池、连接池和 ORB

    WebSphere 中池资源调优 - 线程池.连接池和 ORB 来自:https://www.ibm.com/developerworks/cn/websphere/library/techartic ...

  6. (转)Mysql常用命令行

    原文:http://www.cnblogs.com/TsengYuen/archive/2012/01/11/2319034.html Mysql常用命令行 Mysql经常使用号令行大全 熬头招.my ...

  7. Git-基本操作(图文)

    场景一: 已经用git add 命令把文件加入到暂存区了,这个时候想退回怎么办? 添加文件到暂存区 :git add . 将单个文件撤回到工作区:git rm --cached [文件路径] 将目录撤 ...

  8. windows 64位 下 安装 tomcat

    tomcat 版本 windows 64位 .zip apache-tomcat-7.0.42.zip 注意: 1. 安装目录不得有 空格 或 中文字符 2. 然后,在系统环境变量下,新建一个变量: ...

  9. 如何虚拟机里安装Win8操作系统

    不多说,直接上干货! Windows Server 2003.2008.2012系统的安装 推荐网址:打开MSDN网站(http://msdn.itellyou.cn ) 关于给电脑换系统,很多人会花 ...

  10. Django如何让未登录的用户自动跳转至登录页

    有多种方法可以实现: 使用Django自带的用户认证 from django.contrib.auth.decorators import login_required @login_required ...