前端人的博客

如果把网页比作一个人的话，html就是他的骨架，而css是他的皮肤，javascript是神经控制着行动。html，css，javascript都是构建网页的核心技术。 CSS简介 css指的是层叠样式表（Cascading Style Sheet），样式就是定义如何显示html元素，设置它的背景、字体大小颜色、边框等等。通常把样式存储到样式表中，为了代码简洁便于维护，大多数放置在css文件中，引入外部css文件，css文件就是一个外部样式表。 css是如何工作的？ 在《HTML元素属性及意义》那一

XHTML概念 XHTML是一种可扩展超文本标记语言，与HTML（超文本标记语言）类似，不过在语法上更加严格。XHTML是以XML（是一种必须正确标记且格式良好的标记语言）应用方式定义的HTML，与html 4.01几乎是相同的，浏览器基本都支持。 为什么使用XHTML？ html的语法比较松散，标签不区分大小写，有空标签，对于开发者来说比较方便，对于万维网都是一些糟糕的html代码。为了可以更好地工作在所有浏览器上，并可以向后兼容。XHTML是更严格更纯净的HTML代码，可以被所有浏览器支持。 X

通过使用html框架，可以在一个浏览器窗口中展示多个页面。也就是一个html文件中可以引入多个html文件。在网页中框架使用比较少，但我们还是需要了解下。 方式1：iframe 使用iframe标签来实现。具体的属性及意义： src 指向不同的网页，也就是html文件路径。 width height 用来设置iframe引入网页的宽高大小。 frameborder 定义iframe表示是否显示边框。1表示有，0表示没有代码示例：<div><iframesrc="demo_ifra

HTML属性可以给元素添加附加信息，设置的时候以 （属性名="属性值"）成对出现。 属性值应该始终包括在引号内(单引号或双引号)，html对大小写不敏感，所以属性和属性值也不区分大小写，在html 4中推荐小写。 示例： html的链接由<a>标签定义。 链接的地址在 href属性中指定： <a href="https:baidu.com" >跳转到百度</a> 大多数html元素的属性及意义 class：为html元素定义一个或多个类名(classnam

学习完上边几节html课程之后，你会发现html的标签还挺多的，为了能更好地在网页制作过程中熟练使用他们，我们今天讲讲标签分为几大类以及他们之间的区别。 从标签是否闭合上我们可以分为两大类：双标签和单标签。 双标签：有开始标签和结束标签的，如<div></div>，称为双标签。具体标签有：div标签，header头部信息，footer底部信息，nav导航标签，p段落标签，pre保留空格换行标签，h1-h6标题标签，audio视频标签，aside文章标签，b/strong加粗标签，

什么是HTML5? html5是最新的html标准，拥有新的语义、图形以及多媒体元素，简化web应用程序，专为丰富的web内容而设计的，简称“H5”。简单来说就是增加了一些更直观的标签，H5相比html4.0精简了很多。 HTML新增标签 1. 结构标签：主要用来对页面结构进行划分，页面结构划分为顶部、导航、内容(页眉、区块)、页脚等。 header：一般网页头部信息/标题。 nav：导航条部分内容。 section：独立内容区块，一般内容区。 article：特殊独立区块，表示页眉中核心内容

网页中表格和列表随处可见，所以我们需要掌握各个标签的用法以及区别。 表格 简单的HTML表格由table元素以及多个tr th或td元素组成。这几个都是双标签。 tr定义行 th定义表头 td定义表格单元 两行两列的表格，常见代码：（运行结果自己查看） <table> <tr> <th>序号</th> <th>姓名</th> </tr> <tr> <td>1</td>

网页上收集用户信息完成后，都需要发送到服务器上存储起来，存储是后台的事，但是我们需要负责发送，是如何发送消息呢？ form标签的属性及意义： action属性 定义表单提交时的地址，需要后台提供。 method属性 定义提交表单时http方式。常用的就是get和post两种方式 一般要与后台保持一致。不设置method值时，http默认是get。 get与post区别： get是从服务器获得数据，post是向服务器传送数据。 传输方式：get提交数据时数据会以键值对的形式添加到url后面，p

看完“HTML表单__表单元素”那一节的同学会发现，同是input标签，type属性值不一样的时候，input类型完全不一样。type就是input的一个属性，除type之外，还有很多属性，接下来我们开始了解表单元素属性都有哪些？ input标签属性： 1.1 type是input特别重要的属性，type属性值决定input的类型。 text ，定义文本输入框。 password，定义密码框。 radio，单选框 checkbox，定义复选框。 submit，定义提交按钮。 reset，定义

网页上常见的论坛、用户注册，认证等都是搜集各种类型的用户信息。他们都用的是HTML表单，接下来我们就开始学习表单。 元素定义HTML表单，其中包含了各种表单元素。表单元素指的是不同类型的input元素，复选框、单选按钮、提交按钮等。如下： 文本类： 文本框： 密码框： 文本域： 隐藏域： 按钮类： 普通按钮： 提交按钮： 重置按钮： 图片按钮： 选择类： 单选框：选项 复选框：选项 下拉选择框：选项名 上传文件： 标注类： 定义标记：标记文字 示例代码： &lt...

我们为什么要学html标签呢？ 我们把文字内容直接添加到body标签内，网页中就可以展示内容了，为什么要学标签呢？那图片怎么添加？链接怎么添加？网页中带有的颜色大小等怎么控制呢？ 浏览器并不会显示html标签，只是使用标签来解释页面内容的，所以我们要知道怎么区分和展示内容。 html标签有哪些呢？ 元素是块级元素，没有特定的含义，用于组合其他标签使用。div内可以嵌套任何标签使用，包括本身。 示例代码： <div> <div>1</div> <p&