zoukankan      html  css  js  c++  java
  • 1 HTML概念

     
    html-----负责页面的结构
        HTML俗称网页,网站。html就是一个文档。html就是标签的集合。	
        学习html主要学习html的标签
        超文本标记语言
          Hyper Text Markup Language(超文本标记语言)
          标记语言的意思是:标签语言
           
         
      
    html结构             
        <!DOCTYPE html> //第一行是DTD(文档类型声明),目的是告知浏览器当前html文件是什么版本的html
        <html lang="en">//html标签用英文表示,默认就是这个值,可不写
            <head>
                <meta charset="utf-8">//html文件使用的编码
                <title>Document</title>
            </head>
            <body>
                <!-- 网页真正的内容放body标签内部-->
            </body>
    	<html>
     
    头部
        <head>:html头部,写html文档的信息
    		头部有哪些标签
    			<title> :窗口的标题
    			<base> :为所有超链接提供默认的地址和目的地
    			<link> :指定css文件
    			<script> :引用js文件
    			<style> :样式表,增加样式
    			<meta> :目的为了说明更多的html信息。元数据不会显示在页面上,但是对于机器是可读的。              
    					 典型的情况是,meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。
    					 <meta> 标签始终位于 head 元素中。
    					 元数据可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。
    						<meta name="description" content="世界上最大的电商平台">//html文档的作用说明
    						<meta charset="utf-8">//htm字符集
    						<meta name="keywords" content="电器 数码 衣服">//用户可以根据这些关键字搜索到该网页,作用很小
    身体              
        <body>:html主体 
            标签从使用的角度 分为容器级标签和文本级标签
    			    容器级标签 里面啥都可以装 甚至可以装自己
                                <div>
                                   <div></div>
                                </div>
                     文本级标签  放文字、图片、表单元素或其他文本级标签
                             <p><span></span></p>                           
    						 <p>   p是一个文本级标签,p里面只能放文字、图片、表单元素,不能放其他东西,。       
            			   
                                     
    注释 <!--注释-->
            <!--
                 ...
            -->
         
    字符实体(转义字符)
           &字母;
      
           <  <
           >  >
           © 版权
             空格
    
     
    网页编码
        字符集utf-8,支持所有的国家语言
        bgk国标码,仅在中国用gbk就没问题
    	
    visual studio codeIDE 快速的生成html结构,需要用emmet,下载安装如下三个
        https://blog.csdn.net/sunshinegirl_7/article/details/49802579
        https://jingyan.baidu.com/article/afd8f4de64d4cd34e286e9aa.html
        https://www.cnblogs.com/engeng/p/5957389.html
    

      

  • 相关阅读:
    请说出这些测试最好由那些人员完成,测试的是什么?
    测试结束的标准是什么?
    你的测试职业发展目标是什么?
    elementui医疗
    医疗前端
    spring创建对象3种方式
    idea-git
    eclipse-git
    ArrayList01
    单体权限
  • 原文地址:https://www.cnblogs.com/xuanjian-91/p/10986264.html
Copyright © 2011-2022 走看看