今天刚刚开通博客园,把我最近整理的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. ORACLE----触发器,存储过程及JOB

    一.Oracle中创建自增的ID字段1.创建序列 create *sequence_name*  increment by 1 start with 1 maxvalue 999999999;2.创建 ...

  2. HTML基本标记1.1

    HTML头部标记head 在HTML语言的头部元素中,一般包括标题,基础信息和元信息等.HTML的头部元素以<head>为开始标记,以</head>为结束标记 语法: < ...

  3. 【Tomcat】使用记录

    同时绑定ipv4和ipv6 <Connector port="8080" protocol="HTTP/1.1" connectionTimeout=&q ...

  4. 泛型深入--java泛型的继承和实现、泛型擦除

    泛型实现类: package generic; /** * 泛型父类:子类为“富二代”:子类的泛型要比父类多 * 1,保留父类的泛型-->子类为泛型类 * 2,不保留父类泛型-->子类按需 ...

  5. static变量生命周期小研究

    A页面:定义一个普通类,类包含一个静态变量a,值为:111111111111111111 B页面:修改a的值为:22222222222222 C页面:用来查看a的值 1.在vs2008中,先打开B,再 ...

  6. [转] TCPIP 网络协议层对应的RFC文档

    TCPIP网络协议层对应的RFC文档 RFC - Request For Comments 请求注解 TCP/IP层 网络协议 RFC文档 Physical Layer Data Link Layer ...

  7. 搭建安卓开发环境 hello world andriod

    万事开头能嘛.先要搭建开发环境,主要用到java,会java的同学福音啊. 一 相关下载 1.Jdk.(java的开发环境).  http://www.oracle.com/technetwork/j ...

  8. js二维数组

    1.判断是否为二维数组 function isMultiArr(arr){ return arr.every(function(element){ return element instanceof ...

  9. android学习-Adapter适配器进阶

    参考资源 Android 快速开发系列 打造万能的ListView GridView 适配器 实现代码复用,争取打机**的时间. android4.4源码 target=android-19 一般自定 ...

  10. Golang gRPC 和 gRPC-gateway 结合使用

    一.安装 go get -u github.com/grpc-ecosystem/grpc-gateway/protoc-gen-grpc-gateway go get -u github.com/g ...