html之内容解析

首先我们知道了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标签

&lt;小于符号。&gt;大于符号。&nbsp;空格符号。&copy;版权符号。&reg;已注册符号。&amp;&

斜体标签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中所有的东西全靠自己背诵。

 

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有