资讯专栏INFORMATION COLUMN

1.2.HTML的核心标签

caikeal / 1096人阅读

摘要:的核心标签头标签序号标签标签解释定义关于文档的信息定义文档标题定义页面上所有链接的默认地址或默认目标定义文档和外部资源的关系定义关于文档的元数据定义客户端脚本定义文档的样式信息使用定义一个的模板文件新建模板文件,将模板文件放在目录下配置一下

HTML的核心标签

1.HTML头标签

序号 标签 标签解释
1 定义关于文档的信息
2 定义文档标题<br>3 <base> 定义页面上所有链接的默认地址或默认目标<br>4 <link> 定义文档和外部资源的关系<br>5 <meta> 定义关于html文档的元数据<br>6 <script> 定义客户端脚本<br>7 <style> 定义文档的样式信息</p> <p>1)使用Editplus定义一个html的模板文件<br>新建模板文件**.html,将模板文件放在editplus目录下<br>配置一下。工具/配置用户工具/模板/添加/应用<br>文件/新建下即可看见该模板</p> <p>Head标签、tittle标签和base标签的用例<br><!DOCTYPE html><br><html><br><head><br><meta charset="gbk"><br><title>New Document




测试一把

东方求败

西方求胜

南方求水

2.DOCTYPE标签

,目前基本上是此标签
该标签必须放在最前面,处于标签之前
用于告知浏览器文档使用哪种html规范
如果此标签不存在,文档可以正常解析,主要看浏览器的解析方式,和版本

3.关于文本显示的几个标签

P
font





关于文本格式的标签



你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!2017/2/12
nihao!nihao!nihao!nihao!nihao!nihao!nihao!nihao!nihao!nihao!nihao!nihao!nihao!nihao!nihao!nihao!nihao!nihao!nihao!nihao!nihao!



窗前明月光!

文本其它标签





文本和格式


标题1


标题2


标题3



标题4


标题5

hello,word!

abc100






function sayHello()
{
window.alert("ok");

}

a2+b2=100;


a2+b2=200;

在后面一个页面中设置一个返回的超链接,点击返回后返回原页面

4.字符的实体

案例




New Document

©

< <

> >

& &

" “”


  空格

"                 ‘ ,

"

注意的细节:字符的实体区分大小写

5.超链接标签

基本的用法:文字,图片
超链接和锚点技术

案例




超链接和锚点技术



老鼠爱大米









Document


老鼠爱大米




我听见你的声音,有种特别的感觉,让我不断想,不敢再忘记你........


返回原页面的操作,在后面一个文档添加超链接








Document


老鼠爱大米




我听见你的声音,有种特别的感觉,让我不断想,不敢再忘记你........

返回

同一页面建立锚点




超链接和锚点技术



老鼠爱大米
查看具体信息





























































































































这是具体的内容

跨页面建立锚点




超链接和锚点技术



老鼠爱大米
老鼠爱大米
查看具体信息

















这是具体的内容









Document


老鼠爱大米




我听见你的声音,有种特别的感觉,让我不断想,不敢再忘记你........

这是test页面的内容


返回

name及id即是锚点名称
发送电子邮件




超链接和锚点技术



老鼠爱大米
老鼠爱大米
查看具体信息
点击发送电子邮件













这是具体的内容

6.扩展的知识点

../ 表示上一级目录
../../ 表示上两级目录
./ 表示同一级目录
相对路径:由当前文件去找
绝对路径:由根目录出发去找
CTRL+J:复制当前这一行

7.图像标签

基本的用法

img是一个单标签





图像标签



的确时候一头牛!








8.map映射标签

图片不同区域对应不同超链接
基本用法




坐标体系算法
案例




map 案例





文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/50428.html

相关文章

  • GraphQL 核心概念

    摘要:系列文章核心概念本文浅尝最近因为工作上新产品的需要,让我有机会了解和尝试。这篇文章主要分享的是的核心概念,主要分为和四部分。再次强调,本文主要讲的是的核心概念,中所定义的类,都是设计类,并不是具体实现代码。 A query language created by Facebook for describing data requirements on complex applicati...

    LancerComet 评论0 收藏0
  • Zepto 源码分析 4 - 核心模块入口

    摘要:对象构造函数读入的两个参数与在中也有明确的规范,用以保证构造函数的简单性。 承接第三篇末尾内容,本篇结合官方 API 进入对 Zepto 核心的分析,开始难度会比较大,需要重点理解几个核心对象的关系,方能找到线索。 $() 与 Z 对象创建 Zepto Core API 的首个方法 $() 按照其官方解释: Create a Zepto collection object by pe...

    xzavier 评论0 收藏0
  • 前端修炼の道:第一个 HTML 页面

    摘要:可见对一个页面正确渲染很重要。和标签对用于标识页面的头部区域,和之间的内容都属于头部区域中的内容。是一个辅助性标签,对页面可以进行很多方面的特性的设置。当页面没有设置字符集时,浏览器会使用默认的字符编码显示。 showImg(https://segmentfault.com/img/bVbjNkI?w=900&h=383); 往期回顾 在 1.2 节介绍 HTML 语言时讲到:HTML...

    JasonZhang 评论0 收藏0
  • 核心概念 容器云 UK8S

    摘要:核心概念核心概念核心概念为了在的配置和使用中可以更加顺畅,我们对中的数据模型类型以及和等概念做个简要介绍。名字该名字应该具有语义,一般用于表示的功能,例如表示请求的总数。可以对观察结果采样,分组及统计。 核心概念为了在 Prometheus 的配置和使用中可以更加顺畅,我们对 Prometheus 中的数据模型、metric 类型以及 instance 和 job 等概念做个简要介绍。数据模...

    ernest.wang 评论0 收藏2523
  • 网站h1,h2,h3标签用法和技巧

    摘要:网站标签的用法和技巧我们首先要明白是什么。所以按照标签的级别,我们理所应当的应该把标签用在网站最核心的内容上。最好是在网页源代码的标签一开始的第一个容器中第一行出现。首页及内页的栏目标题均使用标签。 网站h1,h2,h3标签的用法和技巧 我们首先要明白h1,h2是什么。在HTML语言中有到定义标题头的六个不同文字大小的TAGES。本质是为了呈现内容结构,共有六种标签,文字从大到小,权...

    jayzou 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<