HTML复习

标准结构：html里 head+body

head里有meta和title

title：标题标签

meta作用：提供关于HTML文档的元数据，用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。例如设置字符编码

body里常用标签

标题标签<h1>~<h6>块级标签

段落标签<p>块级标签

换行标签：<br>单标签

图片标签<img>内联标签

超链接标签<a href="">内联标签

列表标签   无序<ul><li>  有序<ol><li> 定义列表<dl><dt><dd>

表格标签 <table><tr><td>   列合并colspan   行合并rowspan

表单标签 <form action="" method="">

文本框标签 <input type="" placeholder="显示背景文字" value=“它的值”>

                密码框  input  type=password

                单选按钮 input type=radio

                复选框  input type=checkbox name=“名字要一样” value=“0” checked（默认选中）

                下拉列表 <select> <option  selected="true">默认选中

                文件域  <input type="file" name="files" />

                文本域<textarea name="brief" rows="5" cols="30">--这里输入个人简介--</textarea>

                提交按钮<input type="submit" value="提交" />

                <!-- 将表单全部内容，提交给action属性指定的服务器。一个表单都应该有一个提交按钮。-->

                重置按钮<input type="reset" value="重置" />

                普通按钮<input type="button" value="点击我">或<button>点击我</button>

表单中的一些属性

<!--
    readonly： 不可编辑,但可以选择和复制;值可以传递到后台 
    disabled： 不能编辑,不能复制,不能选择;值不可以传递到后台
    checked： 设置单选按钮和复选按钮的默认选中项
    selected： 设置下拉列表option的默认选中项
    注意：以上都属于布尔类型的属性，布尔类型属性都有以下三种写法：
         checked="true"
         checked="checked"
         checked
         这三种写法的效果都是一样的。
-->
<input type="text" name="username" readonly/>
<input type="text" name="username" disabled/>

  容器标签div与span

div标签：块级标签，可以在某块区域中指定出一块区域内容。其本身没有任何视觉上的效果。

span标签：内联标签，可以在一行中指定出一段内容。其本身没有任何视觉上的效果。

新增表单属性

常用网页制作命名

<header></header>       <!-- 页眉、头部 -->
<footer></footer>       <!-- 页脚、底部 -->
<nav></nav>                <!-- 导航 -->
<section></section>        <!-- 区块 -->
<article></article>        <!-- 文章、博客、说明 -->
<aside></aside>            <!-- 侧边、边栏 -->