2019-12-02-H5

1202-HTML

2周安排:HTML、CSS、JS(JavaScript、jQuery(ajax)、Vue)

  1. web标准:是万维网指定的网页开发标准,主要包括三类:

    1)结构标准:html,决定网页中的内容)

    2)表现标准:css,决定网页中内容的布局与样式

    3)行为标准:js,决定网页内容动态变化

  2. HTML:超文本标记语言,与Markdown一样

  3. HTML文件基本结构:

    --> doctype表示html版本,html表示html5

    <>表示html中的标签,一个html标签中有一个head标签和一个body标签

      //表示html版本
    
      
          
          
          网页标题
          
          
      
      
    
      
    
    
  4. html基本语法:

    1)双标签:<标签名 “属性1=值1” “属性2=值2” ...>标签内容

    2)单标签:<同上> 或者 <同上/>

    3)标签内容:任何内容都可以作为标签内容,例如:文字、标签本身

    4)html中大小写不敏感

  5. head:

    1)作用:主要负责网页图片和标题的显示以及网页的基本设置

    2)head中的标签:meta、title、link、style、script、base

    ​ a. meta:设置网页元数据(网页的编码方式、)

    ​ b. title:设置网页标题

    ​ c. link:导入文件(设置网页图标icon、导入外部样式表stylesheet)

  6. body:

    1)标题标签:h1-h6

    2)段落标签:< p>< /p>

    3)普通文字标签:font,多个font标签的文字可以在一行显示

    4)空格和换行:& nbsp;(单位是像素)或者& emsp;(单位是空格键), < br>

    5)加粗、倾斜:< b>< /b>与< strong>< /srong>、< i>< /i>或者< em>< /em>

    6)水平线:< hr />

    7)无序列表:ul表示整个列表容器;li表示列表中的元素

    8)有序列表:ol表示整个列表容器;li表示列表中的元素

    9)自定义列表:dl表示容器;dt表示一个分组;dd表示每个分组中的内容

    10)图片标签:< img src="路径"/ title="图片标题" alt=“图片加载失败的提示信息”>

    11)超链接:< a href="跳转地址" target=“页面打开方式_self/ _blank”>可点击部分< /a>

  7. 表格标签:table表示整个表格;tr表示行;td表示单元格

    列合并:colspan;行合并:rowspan;

你可能感兴趣的:(2019-12-02-H5)