认识与入门HTML5

作者: 不住海边也喜欢浪 | 来源:发表于2016-09-28 21:09 被阅读310次

    HTML5基础

    1.1 web基础知识

    • 1.1.1 web与internet
    • internet是把各个客户端连接起来的网络,它主要提供的服务有Telent、Email、WWW、BBS、FTP等。
    • web是运行在internet上的应用之一,internetweb提供了网络环境。
    • 1.1.2 web简介
    • web又称万维网WWW(World Wide Web)。
    • web其实就是无数文档的集合,这些文档驻留在因特网的某个地方。
    • 1.1.3 web的工作原理
    • web是基于internet的一个多媒体信息服务系统,由web服务器、浏览器、http协议组成。
    • web服务器主要以网页形式发布信息,网页采用HTML编写。
    • 浏览器嵌有解释器,可以解释HTML文档。
    • 1.1.4 web的相关技术
    • 服务器端提供数据库访问功能,即PHP/JSP/ASP。
    • 客户端由浏览器来解释执行,即HTML/CSS/JS。

    1.2 HTML入门

    • 1.2.1 HTML概述

    • HTML指的是超文本标记语言(Hyper Text Markup Language)。

    • HTML使用标签来形容网页,HTML文档也被称为网页。

    • 1.2.2 HTML基础语法

    • 标记语法分为单标记(空标记)、双标记

    • 元素是两对尖括号之间的内容
      <p>这是一个段落</p>
      其中“这是一个段落”就是p的元素

    • 常用的元素有<html> <head> <body> <h1> <p> <meta>

    • 属性是用来修饰元素的,一个元素可以有多个属性,多个属性不分先后。每个属性都有值,属性的值包含在引号中。
      <h1 align="center">daily</h1>
      其中“align”是属性,“center”是属性的值。

    • 注释是为了方便查看程序,在浏览器中不会展示出来。
      ``

    • 1.2.3文档结构

    • 下面是一个HTML的骨架
      这是注释的使用方法 `<!DOCTYPE html>`
      <html>
      `<head>`
      <title>文档的标题</title>
      `<meta charset="utf-8"> <meta name="author" content="阿凉"> <meta name="keywords"content="关键字"> <meta name="description" content="对网页的描述"> </head>`
      <body>
      ` <h1 align="center">这是标题</h1>`
      <p>这是段落</p>
      </body>
      </html>

    1.3 文本

    • 1.3.1 文本和特殊字符
    • 文本是显示在浏览器的内容,直接书写的文本会用浏览器默认的样式显示。包含在标记中的文本会用标记的样式显示出来。
    • 许多字符并不能直接使用需要使用它们的转义字符,比如空格、<、>。
    • 1.3.2 文本标记
    • 元素分为标题元素、段落元素、换行元素、分区元素等。
    • 标题元素可分为标题1到标题6

    <h#>...</h#>
    #=1,2,3,4,5,6
    标题元素常用的属性是align="center"

    • 段落元素(p)中的文本会用单独的段落显示。
    • 使用换行元素(br)可以在任何地方换行
    • 分区元素(div和span)
      div是块分区元素,span是行内分区元素。
    • 分割线元素(hr)
      用于在页面建立一条水平线,将页面的不同部分分隔开

    以上就是我对HTML入门的见解了,上面介绍的这些已经可以建立一线简单的网页了,后面还会继续写一些HTML5 的知识。喜欢的伙伴可以关注我哦。

    相关文章

      网友评论

        本文标题:认识与入门HTML5

        本文链接:https://www.haomeiwen.com/subject/xsmqyttx.html