码迷,mamicode.com
首页 > Web开发 > 详细

前端基础之初识HTML

时间:2017-05-18 20:09:35      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:doctype   部分   文档   lang   之间   highlight   blog   没有   while   

  一、web服务的本质

import socket

def main():
    sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
    sock.bind((‘localhost‘,8081))
    sock.listen(5)
    while True:
        print("server is working.....")
        conn, address = sock.accept()
        request = conn.recv(1024)
        conn.sendall(bytes("HTTP/1.1 200 OK\r\n\r\n<h1>hello michael</h1>","utf8"))
        conn.close()

if __name__ == ‘__main__‘:
    main()

  二、html是什么?

  • 超文本标记语言(Hypertext Markup Language,HTML)通过标签语言来标记要显示的网页中的各个部分。一套规则,浏览器认识的规则
  • 浏览器按顺序渲染网页文件,然后根据标记符解释和显示内容。但需要注意的是,对于不同的浏览器,对同一标签可能会有不完全相同的解释(兼容性)
  • 静态网页文件扩展名:.html 或 .htm

  三、html不是什么?

  HTML 不是一种编程语言,而是一种标记语言 (markup language)
  HTML 使用标记标签来描述网页

技术分享

  四、html结构

技术分享

  • <!DOCTYPE html> 告诉浏览器使用什么样的html或者xhtml来解析html文档
  • <html></html>是文档的开始标记和结束标记。此元素告诉浏览器其自身是一个 HTML 文档,在它们之间是文档的头部<head>和主体<body>。
  • <head></head>元素出现在文档的开头部分。<head>与</head>之间的内容不会在浏览器的文档窗口显示,但是其间的元素有特殊重要的意义。
  • <title></title>定义网页标题,在浏览器标题栏显示。 
  • <body></body>之间的文本是可见的网页主体内容

   五、html标签格式

技术分享

  标签的语法:

    <标签名 属性1=“属性值1” 属性2=“属性值2”……>内容部分</标签名>
    <标签名 属性1=“属性值1” 属性2=“属性值2”…… />

   六、常用标签

  1、<!DOCTYPE html>

  <!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。

  作用:声明文档的解析类型(document.compatMode),避免浏览器的怪异模式。

  document.compatMode:

    1. BackCompat:怪异模式,浏览器使用自己的怪异模式解析渲染页面。
    2. CSS1Compat:标准模式,浏览器使用W3C的标准解析渲染页面。

  这个属性会被浏览器识别并使用,但是如果你的页面没有DOCTYPE的声明,那么compatMode默认就是BackCompat

   2、<head>内常用标签

未完待续

 

前端基础之初识HTML

标签:doctype   部分   文档   lang   之间   highlight   blog   没有   while   

原文地址:http://www.cnblogs.com/Michael--chen/p/6874883.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!