zoukankan      html  css  js  c++  java
  • 003 第一个页面

    第一个页面

    一、基础模板

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8" />
    		<title>第一个⻚页⾯面</title>
    	</head>
    	<body>
    	
    	</body>
    </html>
    

    二、模板解读

    • DOCTYPE:指定文档类型,规定html标签语法
    • html:文档根标签,标注着文档(页面)的开始与结束
    • head:文档头标签,可以引用脚本文件、指定样式表、书写代码逻辑块、提供元信息
    • body:文档主体标签,包含文档所有文本与超文本内容
    • title:文档tag标题标签,设置文档tag的标题内容
    hint:html标签的lang属性值 en | zh (zh-cn)

    三、其他核心模板标签

    1、meta(元标签)

    字符编码
    <meta charset="utf-8">
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    SEO
    <meta name="keywords" content="8-12个以英文逗号隔开的单词或词语">
    <meta name="description" content="80字以内的一段话,与网站内容相关">
    移动适配
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    

    2、link(链接标签)

    外联样式表
    <link rel="stylesheet" type="text/css" href="style.css" />
    文档tag图标
    <link rel="shortcut icon" type="image/x-icon" href="http://www.baidu.com/favicon.ico">
    

    3、style(样式标签)

    内联样式表
    <style></style>
    

    4、script(脚本标签)

    <script type="text/javascript"></script>
    
  • 相关阅读:
    Ubuntu 12.04 gedit编辑器 中文乱码
    ubuntu设置vim语法高亮显示和自动缩进
    Linux学习小结(转)
    指向常量的指针和常量指针
    Android之EditText
    android之TextView
    Android存储机制之Preference
    android实现可拖动按钮
    用turtle画图
    torchvision里densenet代码分析
  • 原文地址:https://www.cnblogs.com/earon/p/9682141.html
Copyright © 2011-2022 走看看