html之内容解析
2018-06-24 00:01:32来源:未知 阅读 ()
首先我们知道了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中所有的东西全靠自己背诵。
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- DIV居中的经典方法 2020-06-13
- Html/css 列表项 区分列表首尾 2020-06-11
- HTML骨架 2020-06-10
- HTML基础教程_1 2020-06-09
- HTML基础02 2020-06-09
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash