Html 基础

Html 是标记语言,是为“网页创建和其他在可在网页浏览器中看到的信息”设计的一种标记语言。

Html的基础结构 

双标签:由开始标签和结束标签两部分构成,必须成对使用

单标签:某些标签单独可以完整的表达意思

标签:用“<”“>”括起来的叫标签 如<p>

元素:HTML 元素以开始标签起始,以结束标签终止,元素的内容是开始标签与结束标签之间的内容

html主体元素

<!DOCTYPE> 声明文档内容

<html> html元素真正的根元素

<head> 定义html文档的文档头 

<title> 定义html的标题

html的无语义的标签

<span>是内联元素

<div>是块级元素

HTML 的标题元素

标题是通过 <h1> - <h6> 标签进行定义的。<h1> 定义最大的标题。 <h6> 定义最小的标题。

 html段落元素

<p>定义一个段落

 <br>折行

 一些标签

标签描述
<b>定义粗体文本
<em>定义着重文字
<i>定义斜体字
<small>定义小号字
<strong>定义加重语气
<sub>定义下标字
<sup>定义上标字
<ins>定义插入字
<del>定义删除字

HTML "计算机输出" 标签

标签描述
<code>定义计算机代码
<kbd>定义键盘码
<samp>定义计算机代码样本
<var>定义变量
<pre>定义预格式文本

HTML 引文, 引用, 及标签定义

标签描述
<abbr>定义缩写
<address>定义地址
<bdo>定义文字方向
<blockquote>定义长的引用
<q>定义短的引用语
<cite>定义引用、引证
<dfn>定义一个定义项目。

html属性 

HTML 元素可以设置属性,属性可以在元素中添加附加信息,属性一般描述于开始标签。

属性描述
class为html元素定义一个或多个类名(classname)(类名从样式文件引入)
id定义元素的唯一id
style规定元素的行内样式(inline style)
title描述了元素的额外信息 (作为工具条使用)

html链接

<a href="url">连接文本</a>

"链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。

在HTML链接中插入id:

<a id="tips">有用的提示部分</a>

<a href="#tips">访问有用的提示部分</a>

点击有用的提示部分就会跳转到访问有用的提示部分

 点击跳转到qqq 就会跳转到qqq;当点击回到顶部就会回到顶部

html图像

 <img src="图片的位置" alt="为图片预备的文字 在图片显示不出来时">

html注释

<!--这里是注释-->

注释不会在浏览器中显示

 html表格

表格由 <table> 标签来定义。<caption>定义表格的标题,每个表格均有若干行由 <tr> 标签定义,每行被分割为若干单元格由 <td> 标签定义。表头由<th>定义,数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

其中还有一些属性。比如border 表格边框的宽度  cellpadding 表格的内边距  cellspacing 表格的外边距 colspan 横框两列单元格  rowspan 横跨两行单元格

 html列表

 列表有 无序列表,有序列表,自定义列表三种列表。

无序列表

<ul>
<li>...</li>
<li>...</li>

....
</ul>

有序列表

<ol>
<li>...</li>
<li>...</li>

....
</ol>

 自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

 html表单

表单使用表单标签 <form> 来设置:

<form>....</form>

多数情况下被用到的表单标签是输入标签<input>,输入类型是由类型属性(type)定义的。

文本域通过<input type="text"> 标签来设定,当用户要在表单中键入字母、数字等内容时,就会用到文本域。

密码:<input type="password" >密码字段字符不会明文显示,而是以星号或圆点替代。

 <input type="radio"> 标签定义了表单单选框选项

<input type="checkbox"> 定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。 

<input type="submit"> 定义了提交按钮.

当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。

下拉列表 

 文本框  用户可在文本域中写入文本。可写入字符的字数不受限制。

 

  • 6
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值