HTML_标签
<!--HTML:1.概念:最基础的网页开发语言Hyper Text Markup Language 超文本标记语言超文本:超文本是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本。标记语言:由标签构成的语言。<标签名称>如html,xml 标记语言不是编程语言 2.快速入门: 1.语法: 1.html文档后缀名:.html 或者 .htm 2.标签分类: 1.围堵标签:有开始标签和结束标签如:<html> 嵌套标签 </html> 2.自闭和标签:开始标签和结束标签在一起如<br/> 3.标签可以嵌套: 需要正确嵌套,不能你中有我我中有你 4.在开始标签中可以定义属性。属性是由键值对构成,值需要用引号引起来 5.html的标签不区分大小写,但是建议使用小写 3.HTML标签: 1.文件标签:构成html最基本的标签 html:html文档的根标签 head:头标签,用于指定html文档的一些属性,引入外部资源 title:标题标签 body:体标签 <!DOCTYPE html>:html5中定义该文档是html文档的一种方法 2.文本标签:和文本有关的标签 <h1> to <h6>:标题标签 <h1>标题</h1>,数字增长字体减小 <p>:段落标签<p>段落</p> <br>:换行 <hr>:自闭和标签,显示一条水平线 属性: color:颜色 width:宽度 size:高度 align:对齐方式 center:居中 left:左对齐 right:右对齐 <b>:字体加粗 <i>:字体斜体 <font>:字体标签 color:颜色 size:大小 face:字体 属性定义: color:颜色 1.英文单词 2.rgb(值1,值2,值3)红绿蓝,值范围:0~255 3.#值1值2值3:值的范围:00~FF之间 width:宽度 1.数值:单位默认px(像素) 2.数值%:占比相对于父元素的比例 <center>:文本居中 3.图片标签:页面图片 img:展示图片<img src="路径" /> ./:当前目录 ../:上一级目录 align:对齐 align = "right" alt:如果图片加载失败替换 alt = "古镇" width:宽度 width = “500” height:高度 4.列表标签: 有序列表: ol: <ol type = "展示形式" start="起始位置"> <li> 内容</li> <li> 内容</li> </ol> li: 无序列表: ul: <ul type = "显示"> <li> 内容</li> <li> 内容</li> </ul> 5.链接标签: a:定义一个超链接 <a href="跳转资源位置">点我</a> 属性: href:指定访问资源的URL(统一资源定位符) target:"_self" 本页面跳转,"_self"空白页面打开 "mailto:邮箱":会启动客户端发邮件 6.div和span: <span></span>:文本信息在一行展示,行内标签或内联标签 <div></div>:默认换行,沾满一整行,块级标签 结合css控制样式 7.语义化标签:html5中为了提高程序的可读性提供了一些标签 <header>头</header> <footer>尾<footer> 8.表格标签: <table>:定义一个表格 border = "1":一个像素的边框 width = "50":表格宽度 cellpadding = "0":定义内容和单元格之间的距离 cellspacing = "0":定义单元格之间的距离 bgcolor:背景色 align:对齐方式 <tr>:行 bgcolor:背景色 align:对齐方式 <td>:单元格 colspan:合并列 rowspan:合并行 <th>:表头
<caption>:表格标题 <thead>:表示表格的头部分 <tbody>:表示表格的体部分 <tfoot>:表示表格的脚部分
-->
HTML_标签的更多相关文章
- 【HTML_标签大全】
HTML标签大全 标签 描述 标签类型 备注 <!--...--> 定义注释 / 单标签 <!DOCTYPE> 定义文档类型 / 单标签 <head></he ...
- html_基础标签
块级标签: 默认情况会占位一整行行内(内联)标签:默认只有自己的大小 块级标签如: <div>我是字</div> <h1>标题1</h1> < ...
- Kure讲HTML_列表标签及表单标签
首先我上个图来告诉大家什么是列表 左侧的这一部分就可以称为是列表或者叫树,其实我们可以通过div+css实现列表,可是考虑语义化的问题,我们还是看看html提供好的列表标签,html提供了两种列表,一 ...
- HTML_表单标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...
- html_学习所有标签使用
<!DOCTYPE html><!--声明为HTML5文档--><html lang="en"><head><!-- 页面表头 ...
- a标签点击跳转失效--IE6、7的奇葩bug
一般运用a标签包含img去实现点击图片跳转的功能,这是前端经常要用到的东西. 今天遇到个神奇的bug:如果在img上再包裹一层div,而且div设置了width和height,则图片区域点击时,无任何 ...
- IE6、7下html标签间存在空白符,导致渲染后占用多余空白位置的原因及解决方法
直接上图:原因:该div包含的内容是靠后台进行print操作,输出的.如果没有输出任何内容,浏览器会默认给该空白区域添加空白符.在IE6.7下,浏览器解析渲染时,会认为空白符也是占位置的,默认其具有字 ...
- 百度MIP页规范详解 —— canonical标签
百度MIP的规范要求必须添加强制性标签canonical,不然MIP校验工具会报错: 强制性标签<link rel="/^(canonical)$/"> 缺失或错误 这 ...
- 【CSS进阶】伪元素的妙用--单标签之美
最近在研读 <CSS SECRET>(CSS揭秘)这本大作,对 CSS 有了更深层次的理解,折腾了下面这个项目: CSS3奇思妙想 -- Demo (请用 Chrome 浏览器打开,非常值 ...
随机推荐
- Bagging vs Boosting vs Stacking
原文地址:https://www.jianshu.com/p/9dacdc88d3ec Bagging 用于减小方差. 使用训练数据的不同随机子集(大小常等于训练数据,采用不放回的方式进行抽取)来训练 ...
- Spring Boot整合Thymeleaf模板引擎
什么是Thymeleaf Thymeleaf是一款用于渲染XML.XHTML.HTML5内容的模板引擎.类似Velocity,FreeMaker模板引擎,它也可以轻易的与Spring MVC等Web框 ...
- violet
操作系统的发展史 1.穿孔卡片 一个计算机机房一次只能被一个卡片使用 缺点:cpu的利用率低 2.联机批处理系统 支持多用户去使用一个计算机机房 3.脱机批处理系统 告诉磁盘 提高文件的读取速度 优点 ...
- Unity中实现网格轮廓效果,选中边框效果
问题背景: 最近要实现选中实体的高亮效果,要那种类似于unity中Outline的效果,网格轮廓高亮效果. 效果图: 具体代码: OutlineEffect.cs 实体高亮效果类: 轮廓边总控制类,该 ...
- python的三种特性
1.封装 什么时候用函数? 各个函数之间是独立的且无共用的数据. 什么时候用类? 函数之间是相关的,且有共用的数据,则可以使用类来封装. 所谓的封装: (1)使用构造方法将内容封装到 对象 中. (2 ...
- Vue之自建管理后台(二)Vue端设计
我们先设计Vue的文件夹分布. 在此之前,我们先了解下初始化创建的Vue的文件夹 https://www.cnblogs.com/luoxuemei/p/9812151.html (我引用了这哥们写的 ...
- TRUNCATE - 清空一个表
SYNOPSIS TRUNCATE [ TABLE ] name DESCRIPTION 描述 TRUNCATE 快速地从一个表中删除所有行.它和无条件的 DELETE 有同样的效果,不过因为它不做表 ...
- windows server 2012 安装完只有命令行
今天在安装完windows server 2012 只有命令行,发现没有桌面.然后在别人的提醒下,才发现忘记安装gui了,这个时候,我也懒的重新安装一遍,所以就在网上找如何能够解决问题的方法,下面为解 ...
- selenium+plantomJS
#!/usr/bin/env python # -*- coding:utf-8 -*- """ 流程框架: 1.搜索关键词,利用selenium驱动浏览器搜索关键词,查 ...
- net core静态文件 访问除默认目录文件配置
在我们项目的实际应用中,不光是需要访问默认静态文件夹 wwwroot ,还有可能要要去访问除默认目录以外的文件夹,接下来我们进行配置 1.在根目录创建一个文件夹,继续创建它的子文件夹Images,在I ...