zoukankan      html  css  js  c++  java
  • 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中所有的东西全靠自己背诵。

  • 相关阅读:
    Mybatis plus 多表连接分页查询
    webstorm自动格式化.vue文件并符合Eslint
    Selenium python爬虫
    Cent OS防火墙配置端口开放
    开发Hexo主题(一)
    谷歌开发者主页回归
    个人博客网站
    linux搭建ftp
    putty之pscp上传文件
    送走了最好的兄弟 收到上交复试通知
  • 原文地址:https://www.cnblogs.com/dy105525/p/7635800.html
Copyright © 2011-2022 走看看