html标签学习

1. 标题 : <h1> - <h6>

2. 分割线 : <hr> 

3. 加粗: <strong>

4. 斜体: <em>  <i>   

5. 段落 : <p>   

6. 换行 : <br/>

7. 超链接: <a>  href  属性指定链接的地址   target ( 目标 ):_self  ( 当前页面打开 )  _blank(新页面打开) 

8. 图像: <img>  src 资源链接属性 、alt 图片加载失败时给出提示 、title 鼠标在图片上方时所显示的内容

9. 无序列表: <ul>  属性 <li>  type: disc ( 实心圆 )  circle ( 空心圆 )  square ( 方块 )

    有序列表: <ol>  属性 <li> 

10. 表格: <table>  属性 border   边框: border="1"   表头: th(可以分别设置宽度width)  行: tr  列:td

11. 添加: <input>  属性 type:  text(输入框)  raido(单选框)  checkbox(复选框)  submit(提交按钮)  button(按钮)                

                                              file(选择文件)  date(日期)  value:显示的值  name:同一组下使用

12. 定义某个词:<span> 内容不会换行

13. 自定义列表: <dl>  <dt>标题</dt>  <dd>内容<dd>  </dl>

14. H5视频: <video> 属性 src(加载路径)  播放器 controls  

15. H5音频: <audio> 属性 src(加载路径)  播放器 control
http-equiv="Content-Type":http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。

当服务器向浏览器发送文档时,会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对,但是所有服务器都至少要发送一个:content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。

使用带有 http-equiv 属性的 <meta> 标签时,服务器将把名称/值对添加到发送给浏览器的内容头部.
content=text/html:text/html是一种标准的文件类型映射说明,可以叫MIME,是所有平台通行的。text/html之外还有text/css、text/javascript、application/vnd.ms-excel等等。

浏览器是通过Content-Type这个标记来了解文件类型的,而不是后缀名。说明这是个html文件
 charset=UTF-8:编码方式,用的是utf-8编码
时间: 2024-12-14 19:11:07

html标签学习的相关文章

html常用标签学习

1.html常用标签学习:1.1.<em>和<strong>标签主要是用来做强调用的,其中<em>是让文字变成斜体,而<strong>把文字进行加粗显示.1.2.<span>标签是没有语义的,它的作用就是为了设置单独的样式用的.1.3.<q>标签是做文本引用时候用的,需要引用的文本不需要加双引号,浏览器会自动为<q>标签加上引号.<blockquote>标签是对长文本进行引用,引用短文本比如一句话就用<q

第四天学习:html的标签学习2

关键字:html的标签学习2 晨跑计划: 学习任务: 第3章 认识标签(第二部分) 3-1 使用ul,添加新闻信息列表 3-2 使用ol,添加图书销售排行榜 3-3 认识div在排版中的作用 3-4 给div命名,使逻辑更加清晰 3-5 table标签,认识网页上的表格 3-6 用css样式,为表格加入边框 3-7 caption标签,为表格添加标题和摘要 学习记录: 3-1.3-2 列表标签的学习与使用 无序列表 无序列表是一个项目的列表,使用粗体圆圈进行标记 无序列表始于<ul>标签,每个

spring 自定义标签 学习

自定义配置文件到spring 中,有时候想做一些数据结构的配置化信息,根据业务做一个扩展. 首先: 在项目的META-INF目录下新建两个文件spring.handlers,和spring.shcemas Spring.handlers在类org.springframework.beans.factory.xml.DefaultNamespaceHandlerResolver中已经写死了要取mapping的handlerMappingsLocation的路径 public static fina

spring 自定义标签 学习二

在上篇中写的只支持写属性,不支持标签property的写法,但是如果有时候我们还想做成支持 property的用法,则可以在xsd中增加spring 自带的xsd引用 修改xsd文件如下: <?xml version="1.0"encoding="UTF-8"?> <xsd:schema xmlns="http://www.ruishenh.com/custom/myTest" xmlns:xsd="http://ww

链接标签学习

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>链接标签学习</title> 6 </head> 7 <body> 8 <a name="top"></a> 9 <!-- 10 a标签: 11 href:必填,点

07-HTML-内嵌标签学习.html

<html> <head> <title>内嵌标签学习</title> <meta charset="UTF-8"/> </head> <body> <h3>内嵌标签学习</h3> <hr /> <!-- 内嵌标签: iframe src:要显示的网页资源路径 可以是本地(相对路径)也可以是网络资源(URL) 注意: 默认当前页面打开及加载src指向的资源 wi

06-HTML-表格标签学习.html

<html> <head> <title>表格标签学习</title> <meta charset="UTF-8"/> <pre> 表格标签学习: table :声明一个表格 tr:声明一行,设置行高及改行所有单元格的高度. th:声明一个单元格,表头格.默认居中加黑显示 td:声明一个单元格,默认居左显示原始数据 注意: 行高即改行所有单元格的宽度 单元格的宽度即列宽 属性: border:给表格添加边框 wid

08-HTML-框架标签学习.html

<html> <head> <title>框架标签学习:</title> <meta charset="UTF-8"/> </head> <!-- 注意: 第一步一定要删除body标签 框架标签学习: frameset rows:按照行进行切分页面 cols:按照列进行切分页面 子标签: frame:进行切分区域的占位,一个frame可以单独加载网页资源. src:资源路径(本地或者网络) name:区域名,

09-HTML-form标签学习.html

<html> <head> <title>form标签学习</title> <meta charset="UTF-8"/> </head> <body> <!-- form表单标签学习: 作用:收集并提交用户数据给指定服务器 属性: action:收集的数据提交地址也就是URL method:收集的数据的提交方式 get :适合小量数据,表单数据以?隔开拼接在URL后面,不同的键值对使用&

(转)DEDECMS模板原理、模板标签学习 - .Little Hann

本文,小瀚想和大家一起来学习一下DEDECMS中目前所使用的模板技术的原理: 什么是编译式模板.解释式模板,它们的区别是什么? 模板标签有哪些种类,它们的区别是什么,都应用在哪些场景? 学习模板的机制原理对我们修复目前CMS中常出现的模板类代码执行的漏洞能起到怎样的帮助? 带着这些问题,我们进入今天的代码研究,just hacking for fun!! 文章主要分为以下几个部分 1. 模板基本知识介绍 2. 怎么使用模板机制.模板标签的使用方法 3. DEDE模板原理学习 1) 编译式模板 2