今天刚刚开通博客园，把我最近整理的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. 《JAVA与模式》之不变模式

    在阎宏博士的<JAVA与模式>一书中开头是这样描述不变(Immutable)模式的: 一个对象的状态在对象被创建之后就不再变化,这就是所谓的不变模式. 不变模式的结构 不变模式可增强对象的 ...

  2. python-xlwt给excel添加样式

    #coding:utf-8import osimport time        import xlwt filename="test_xlwt.xls"if os.path.ex ...

  3. spring中的监视器，过滤器，拦截器

    1.监视器 (1)首先监视器是观察者模式的实现,在我之前的博客中有关于监视器模式的解释.监视器相当于观察者 (2)我们在springMvc中最常见的监视器 ContextLoaderlistener ...

  4. 【xsy1378】 水题7号 贪心

    题目大意:有$m$组约束关系$(x_i,y_i)$,你要构造一个排列,满足数$x_i$出现在数$y_i$前面,请使得这个排列字典序最小,请输出这个排列.无解请输出-1. 数据范围:$n,m≤10^5$ ...

  5. 【xsy1214】 异或路径(xorpath) 点分治+可持久化trie

    题目大意:给你一棵$n$个点的树,每个点有一个点权$x$,问你所有路径中点权异或和最大的路径的异或和 数据范围:$n≤30000$,$x≤2^{31}-1$. 如果是边上有点权的话非常简单,直接一个$ ...

  6. 《Head First 设计模式》读书笔记

    目录 <Head First 设计模式>读书笔记 创建模式 结构模式 行为模式 用思维导图记录的读书笔记. <Head First 设计模式>读书笔记 模式的分类遵循<设 ...

  7. Redis数据类型之SDS简单动态字符串

    一,简单的动态字符串 1,Redis自己构建了一种名为简单动态字符串的抽象类型,并将SDS用作Redis的默认字符串表示, 2,在redis的数据库里面,包含字符串值的键值对在底层都是由SDS实现的 ...

  8. Mapreduce部署与第三方依赖包管理

    Mapreduce部署是总会涉及到第三方包依赖问题,这些第三方包配置的方式不同,会对mapreduce的部署便捷性有一些影响,有时候还会导致脚本出错.本文介绍几种常用的配置方式: 1. HADOOP_ ...

  9. Self-Attention与Transformer

    直观理解与模型整体结构 先来看一个翻译的例子“I arrived at the bank after crossing the river” 这里面的bank指的是银行还是河岸呢,这就需要我们联系上下 ...

  10. 【设计模式】观察者模式 Observer Pattern

    定义:观察者模式定义了对象之间的一对多依赖.当“主题”(Object)状态改变事,所有依赖它的“观察者”(Observer)都会受到通知并自动更新.主题支持观察者订阅和退订. 观察者模式提供了一种对象 ...