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

  

posted on 2019-06-06 17:51  悬剑  阅读(130)  评论(0编辑  收藏  举报

导航