认识达内从这里开始

认真做教育专心促就业

html内容解析

发布：互联网
来源：互联网
时间：2017-10-09 09:31

    首先我们知道了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中所有的东西全靠自己背诵.

更多潍坊达内相关资讯，请扫描下方二维码

潍坊达内