今天刚刚开通博客园,把我最近整理的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. 【AGC012E】 Camel and Oases ST表+状压dp

    题目大意:一排点,两点间有距离. 初始你有一个行走值$v$,如果相邻两点距离不超过$v$你可以自由在这两点行走. 当$v$大于$0$时,你可以选择某一时刻突然飞到任意点,这样做后$v$会减半(下取整) ...

  2. Java学习之路(十):异常

    ---恢复内容开始--- 异常的概述和分类 Throwable类是Java语言中所有错误或者异常的超类(也就是说,Java中所有的报错都是继承与Throwable的),也只有当对象是此类或者此类的子类 ...

  3. 《LeetBook》leetcode题解(17):Letter Combinations of a Phone Number[M]

    我现在在做一个叫<leetbook>的免费开源书项目,力求提供最易懂的中文思路,目前把解题思路都同步更新到gitbook上了,需要的同学可以去看看 书的地址:https://hk029.g ...

  4. Android之Zxing二维码扫描图片拉伸

    还是这个接手项目,二维码扫描集成的是zxing,扫描界面的图像有明显的拉伸变形. 这种问题,根据以往的经验,一般是x,y轴错位引起的,处理好x,y轴的问题,一般可以解决问题. 由于这个问题,之前有很多 ...

  5. js with 语句的用法

    with 语句 为语句设定默认对象. with (object)    statements 参数 object 新的默认对象. statements 一个或多个语句,object 是该语句的默认对象 ...

  6. 可视化Echarts的使用示例

    1.照着官方文档简单做两个图表,感受一下. <!DOCTYPE html> <html> <head> <meta charset="UTF-8&q ...

  7. Chapter 3 Phenomenon——16

    "Your X-rays look good," he said. "Does your head hurt? Edward said you hit it pretty ...

  8. 玩转mongodb(二):mongodb基础知识

    常用基本数据类型: null null用于表示空值或者不存在的字段: {"data":null} 布尔型 布尔类型只有两个值,true和false: {"data&quo ...

  9. JBoss Web和Tomcat的区别

    在Web2.0的时代,基于Tomcat内核的JBoss在J2EE应用服务器领域已成为发展最为迅速的应用服务器.这一青出于蓝而胜于蓝的产品与Tomcat的区别又在哪里? 基于Tomcat内核,青胜于蓝. ...

  10. 修改ASP.NET文件上传大小限制

    转自:http://www.hello-code.com/blog/asp.net/201603/5954.html 要点: 1.web.config中的<httpRuntime maxRequ ...