html5学习笔记

<html></html>HTML标签页面中最大的标签,我们称为更标签。
<head></head>文档的头部注意在head标签中我们必须要设置的标签是title
<title></title>文档的标题让页面拥有一个属于自己的网页标题
<body></body>文档的主题元素包含文档的所有内容,页面内容基本都是放到body里面的

字符集(Character set)是多个字符的集合。以便计算机能识别和储存各种文字。

在标签内,可以通过**标签的charset属性来规定HTML文档应该使用哪种字符编码。

<meta charset="UTF-8" />

        标题标签h1-h6字体大小逐级递减

        段落标签<p>我是一个段落标签</p>

        换行标签  在HTML中,一个段落中的文字会从左到右依次排序,直到浏览器窗口的右端,然后才自动换行。如果希望某段文本强制换行显示,就需要使用换行标签 <br />        

        图像标签<img src="图像URL" />

 <img /> 标签定义 HTML 页面中的图像。     <img> 标签有两个必需的属性:src 和 alt。     src: 规定显示图像的 URL。     alt:  规定图像的替代文本。(当图片有损坏无法加载的时候alt的替代文本就会出现)

 

        超链接标签<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>(要有内容才能超链接)

(图片转自菜鸟教程)

 表格标签:     <table>     …     </table> 说明:     <table> 标签定义 HTML 表格     一个 HTML 表格包括 <table> 元素, 一个或多个 <tr>、<th> 以及 <td> 元素 在 HTML5 中,仅支持 "border" 属性,并且只允许使用值 "1" 或 ""(1即显示框架)

 

表头标签:     <th>内容</th> 说明:     <th> 标签定义 HTML 表格中的表头单元格。 HTML 表格有两种单元格类型: 表头单元格 - 包含头部信息(由 <th> 元素创建) 标准单元格 - 包含数据(由 <td> 元素创建) <th> 元素中的文本通常呈现为粗体并且居中。 <td> 元素中的文本通常是普通的左对齐文本。

行标签:     <tr>内容</tr> 说明:     <tr> 标签定义 HTML 表格中的行。     一个 <tr> 元素包含一个或多个 <th> 或 <td> 元素

行标签:     <td>内容</td> 说明:     <td> 标签定义 HTML 表格中的标准单元格。

 仅只有<th>和<td>标签拥有这两个属性:colspan 属性定义单元格应该横跨的列数。 rowspan 属性定义表头单元格应该横跨的行数。     仅仅只有<th>和<td>标签拥有这两个属性     注意:colspan的值为数字,只有少数浏览器支持0    rowspan的值为数字,只有少数浏览器支持0

 

        <option>标签:     <option>内容</option> 说明:     <option> 标签定义下拉列表中的一个选项     <option> 标签中的内容作为 <select> 或者<datalist> 一个元素使用。 注意: <option> 标签可以在不带有任何属性的情况下使用,但是通常需要使用 value 属性,此属性会指示出被送往服务器的内容。 请与 select 元素配合使用此标签,否则这个标签是没有意义的。 如果列表选项很多,可以使用 <optgroup> 标签对相关选项进行组合。        

        <select>标签:     <select>         …     </select> 说明:     <select> 元素用来创建下拉列表。     <select> 元素中的 <option> 标签定义了列表中的可用选项。

 <optgroup>标签:     <optgroup>         …     </optgroup> 说明:     <optgroup> 标签经常用于把相关的选项组合在一起。如果你有很多的选项组合, 你可以使用<optgroup> 标签能够很简单的将相关选项组合在一起。 提示:     lable:为选项组规定描述。

 <input />标签:     <input /> 说明:     <input> 标签规定了用户可以在其中输入数据的输入字段。 输入字段可通过多种方式改变,取决于 type 属性。

 

 

 <datalist>标签:     <datalist>         …     </datalist> 说明:      <datalist> 标签规定了 <input> 元素可能的选项列表。 注意:     请使用 <input> 元素的 list 属性来绑定 <datalist> 元素。     <input>的list属性应该与被绑定的<datalist>的id属性一致     <datalist>不支持<optgroup>标签

(通过datelist绑定的可以进行模糊搜索)

 

 <input />标签:     <input type=“radio”/> 说明:     在 HTML 表单中 <input type="radio"> 每出现一次,一个 Radio 对象就会被创建。         单选按钮是表示一组互斥选项按钮中的一个。当一个按钮被选中,之前选中的按钮就变为非选中的。 注意:     要让同一类的radio的name属性一致

 <input />标签:     <input type=“checkbox”/> 说明:     在 HTML 表单中 <input type=“checkbox"> 每出现一次,一个 checkbox 对象就会被创建。

        <input />标签:     <input type=“button”/> 说明:     在 HTML 表单中 <input type=“button"> 每出现一次,一个 button 对象就会被创建。 <button>:     按钮同时有个标签为<button></button>     在 <button> 元素内部,您可以放置内容,比如文本或图像。这是该元素与使用 <input> 元素创建的按钮之间的不同之处   

注意:     如果在 HTML 表单中使用 button 元素,不设置type的情况下,不同的浏览器会提交不同的值。 IE将提交 <button> 与 <button/> 之间的文本; 其他浏览器将提交 value 属性的内容。 总结:如果在 HTML 表单中使用 <button> 元素,不同的浏览器可能会提交不同的按钮值。因此请尽可能使用 <input> 在 HTML 表单中创建按钮

 <textarea></textarea>可调节文本框

用form包裹,属性为reset实现清空

 

         <div>标签:     <div>         …     </div> 说明:     <div> 标签定义 HTML 文档中的一个分隔区块或者一个区域部分。     <div>标签常用于组合块级元素,以便通过 CSS 来对这些元素进行格式化。 提示: <div> 元素经常与 CSS 一起使用,用来布局网页。 默认情况下,浏览器通常会在 <div> 元素前后放置一个换行符。然而,您可以通过使用 CSS 改变这种情况。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值