首先我们知道了HTML和css用途，那么今天就来看看HTML的一部分功能和用途。
简单的说HTML就是灵活使用标签，标签就相当于一个网页的骨架，有了这个骨架才能使网页更能区域色彩化。
首先来说HTML术语
1.HTML文档由许多个元素组成，所有的内容都是靠元素组织到页面中。
2.元素的组成部分，简单的说就是其的框架。有起始标签，内容，结束标签。标签名又叫元素名。
3.所有的元素都有属性，如a标签href就是其属性。其后面英文引号中就是其属性值。
4.所涉及的还有空元素就是没有结束标签。如插入图片和视频等就是空元素。
5.一个元素中可以包含其它元素，形成嵌套的层次结构，两个元素不能相互嵌套。
6.文档的声明，目前都是用的HTML5这个版本。<!DOCTYDE.html>这是一条申明语句让浏览器知道。
7.在所编写的开始和结尾都是要加写HTML标签在开始和结尾处。
在head元素中
他是HTML的第一个子元素，他的作用在于描述其网页的附加信息。他的内容不会显示在网页上。
其中标签有
meta
title---------------为网页的标题
在meat标签中我们需要加入字符编码集<meta charest="UTF-8"------是对语言的翻译。
能够增加搜索引擎对该页面的权重为在meta后加keyword 和discription。
在body元素中
该标签是HTML的第二个子标签
该标签中所用内容都要在网页中显示，具体的用以下需要使用的标签等:
>无序列表ul
有序列表ol(li为其子标签)
自定义列表dl(子标签dt是对专业列表的解释含义 dd)
段落标签p 内容是以相应段落显示
大段的引用标签blockquote---------------小段引用标签q
向文本中添加东西需要加入span标签
<小于符号。>大于符号。 空格符号。©版权符号。®已注册符号。&&
斜体标签em
粗体标签strong
日期标签time----------属性datetime提供给搜索引擎
简写标签abbr----------属性title是全称
上标标签sup
下标标签sub
添加视频vidio----------属性src后为添加的文件地址(音频，图片同理)在标签再加入controls显示进度条，autoplay自动重播，loop循环播放
抓取图片figure--------子标签中img添加图片，其后alt的内容是有利于网络蜘蛛的抓取。figcaptioon是对内容图片的解释
换行标签br
分割线标签hr
单选标签<input type="radio" name="" value="">
多选标签<input type=''checkbox'' name="">
输入账号标签<input type="text" name="账号所保存地方">
输入密码标签<input type="pasword" name="密码保存地方">
文本框标签<textarea name="" id="" cols="40"代表列 rows="10"代表行>
下拉列表下拉框select----------属性name指的是选择什么，子标签option 属性value告诉选择的是什么
输入框提示信息<input type="text" placeholder="这是输入框提示的信息">
自动匹配信息标签datalist-------属性id 子标签option value="这是输入框匹配你的信息"
点击显示标签details--------------字表签summary显示点击的文字 p是点击后显示的内容
表格标签table----------子标签tr(行)td(列)
普通提交标签<input type="button" value=""为按钮名字>
直接提交标签把button改成submit 命名同理
重置标签把button改成reset
设置文本框输入长度标签--------直接在后加入maxlength="长度值"
不为空标签--------直接在后加上required
日历插件标签<input type=''data''>
输入类似身高输入标签<input type="number" min="" max="" step=""每次增加值的多少 value=""定义的默认值
滚动条标签<input type="range" min="" max='''' name=''''>
颜色选择标签<input type="color" name="">
总之一句话HTML中所有的东西全靠自己背诵。
相关文章
