第1605页-html教程_html入门教程_html基础教程-php中文网

当前位置：首页 > 技术文章 > web前端 > html教程

方向：: 全部后端开发 web前端数据库运维开发工具 php框架博客常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

展开

分类：: js教程 html教程 css教程

展开

H5学习入门

【块级标签与行级标签的区别】 1.块级标签：默认宽度100%（独占一行）自动换行(右边不能有任何东西) 可以使用css设置宽度高度 2.行级标签：内容宽度，由内容撑开(内容多宽，宽度就占多宽) 不会自动换行(从左往右依次排列) 【常见的行级标签】 span（文本） img（图片） em（强调） strong（强调） q（短引用） a（超链接） i（倾斜） b（加粗

html教程 . web前端 2031 2017-06-26 15:18:10
分享对HTML基本知识的总结

　　HTML 基本认识一、简介　　1.HTML是超文本标记语言，标准通用标记语言下的一个应用，解释性语言。　　2.“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。　　3.超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。二、语言特点（内容摘抄自--百度百科）　　1

html教程 . web前端 1398 2017-06-26 15:43:01
对CSS知识的简单介绍

1、CSS定义 CSS 指层叠样式表 (Cascading Style Sheets)，是一种样式表语言，用来描述 HTML 或 XML（包括如 SVG、XHTML 之类的 XML 分支语言）文档的呈现。CSS 描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题。 2、为何使用CSS 网页是由HTML标签组成的，那么这些标签会根据浏览器的默认方式进行排版与样式的渲染，如果想要更改这些默

html教程 . web前端 1544 2017-06-26 15:43:48
bootstrap中关于表单的实例代码

1.基础表单：对于基础表单，Bootstrap并未对其做太多的定制性效果设计，仅仅对表单内的fieldset、legend、label标签进行了定制。 fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bot

html教程 . web前端 2225 2017-06-24 14:31:08
CSS居中方式有哪些？

1.text-align:center; 　　使用以上方式居中是将父级容器中display:inline;的行内元素或者文字进行水平居中。 2.inline-height:(height)值; 　　使用inline-height时经常和height一起使用，使得内容垂直方向上居中，建议在列表内部的li中使用； 3.margin:auto; 　　使用margin来居中时，一般是在元素给出了确切的wi

html教程 . web前端 1730 2017-06-24 14:31:27
双飞翼布局的改造使用详解

box-sizing + margin负值升级双飞翼布局一、box-sizing属性 .content-size, .border-size{ width: 200px; height: 100px; padding: 10px; border: 5px solid red; margin: 20px; } .content-size{ bo

html教程 . web前端 1763 2017-06-24 13:24:44
HTML中如何使用CSS？

一、HTML中如何使用CSS 在HTML中有三种可以定义css的方法 1、在标签中使用style属性 2、写在head中 3、将css样式写到文件中 <link rel="stylesheet" href="commons.css?1.1.11"> 这里推荐写在css样式文件中，这样可以最大程度的实现代码复用二、CSS选择器 1.id选择器，需要注意的是id不能重复，如 &nbs

html教程 . web前端 5703 2017-06-24 13:27:36
分享一个Bootstrap的知识详解

1、Make Images Mobile Responsive用处：使图片适配你的页面宽度。操作：给图片添加 .img-responsive class属性。<img src="/images/cat.jpg" class="img-responsive">2、Center Text with Bootstrap用处：使文本

html教程 . web前端 2182 2018-10-13 17:06:23
关于ul制作导航菜单图文实例

首先上图，最终效果： HTML代码： <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/new_file.css?1.1.11" /> </hea

html教程 . web前端 1731 2017-06-24 13:30:05
h5新增标签和属性的实例教程

 <!--结构性标签结构性标签（construct tag）主要负责Web的上下文结构的定义，确保 HTML文档的完整性，这类标签包括以下几个。 section。用于表达书的一部分或一章，或者一章内的一节。在Web页面应用中，该标签也可以用于区域的章节表述。 hgroup 对网页或区段（sectio

html教程 . web前端 1350 2017-06-24 13:29:40
关于css中背景图片的实例详解

body 的背景图设置第一种 :这种情况下背景图片可以缩放但是不能完全等比缩放 background: url(imgs/1.jpg)no-repeat; background-position:center 0; 背景图的定位原点,由于body高不确定 background-attachment:fixed; 背景图片保持固定,不会

html教程 . web前端 1225 2017-06-24 13:37:42
详解CSS中的选择器

1、通配符选择器通配符选择器用“*"号表示，是所有选择器中作用范围最广的，能匹配页面中所有的元素 /*设置当前页面中所有标签的颜色为红色*/ * { color: red; } 2、标签选择器标签选择器就是选择当前页面中相同名字的标签 /*设置所有p标签的文字颜色为红色*/ p { color: red; } 3、ID选择器 id选择器使用"#"进行标识，后

html教程 . web前端 2648 2017-06-24 13:38:21
embed标签怎么使用？

HTML-embed标签详解 Embed（一）、基本语法：embed src=url说明：embed可以用来插入各种多媒体，格式可以是 Midi、Wav、AIFF、AU、MP3等等， Netscape及新版的IE 都支持。url为音频或视频文件及其路径，可以是相对路径或绝对路径。示例：<embed src="your.mid"&g

html教程 . web前端 4487 2017-06-24 13:38:53
CSS层叠性、继承性、特殊性的实例详解

层叠性所谓层叠性是指多种CSS样式的叠加，也就是说后面设置的样式会层叠（覆盖）之前的样式，层叠性的前提是CSS的选择器的优先级相同，例如，当使用内嵌式CSS样式表定义<p>标记字号大小为12像素，链入式定义<p>标记颜色为红色，那么段落文本将显示为12像素红色，即这两种样式产生了叠加。 1 <!DOCTYPE html> 2 <html lang=

html教程 . web前端 4072 2017-06-24 13:40:26
css类选择器类名覆盖优先级实例详解

code <style> .a{ background: red; } .b{ background: yellow; } </style> <div class="a b">A</div> 渲染效果最初以为更改元素中class类里面的类名顺序，渲染效果就会根据类名顺序依次渲染 code <style>

html教程 . web前端 2640 2017-06-24 13:47:56