摘要:腾讯网服务于全球华人用户,致力成为最具传播力和互动性,权威主流时尚的互联网媒体平台。嵌套元素你可以将一个元素置于其他元素之中这被称作嵌套。空元素有一些元素并不包含内容,它们被称为空元素。
超文本标记语言(Hypertext Markup Language, HTML)是一个可以用来结构化 Web 内容并给予其含义和目标的编码语言。
,
,
。
- 内联元素通常出现在块级元素中并被其它文本所包围 - 内联元素不会导致文本换行,如
,
,
。
属性
布尔属性
如
被添加 disabled
属性后,就接收不到用户输入了。
就是推荐的写法
以 checkbox 勾选为例:
以上五种情况,上面的四种都会导致checkbox被勾选,只有最后一种,checkbox不会被勾选
全局属性
id
, class
,style
,title
都是是全局属性,可以被任何 HTML 元素使用。
hidden
可用于隐藏某个页面元素。
请先登录
contenteditable
全局属性可以使元素内容变成可编辑。
大家好!
注释
大家好!
快捷键:在 Atom 里按 ctrl + /
或 command + /
注释代码。
HTML 中有用的字符实体
注释:实体名称对大小写敏感!
显示结果 描述 实体名称 实体编号
空格
<
小于号
<
<
>
大于号
>
>
&
和号
&
&
"
引号
"
"
撇号
' (IE不支持)
'
¢
分(cent)
¢
¢
£
镑(pound)
£
£
¥
元(yen)
¥
¥
€
欧元(euro)
€
€
§
小节
§
§
©
版权(copyright)
©
©
®
注册商标
®
®
™
商标
™
™
×
乘号
×
×
÷
除号
÷
÷
所以在html页面我们要显示
的话,应该在编辑器里面输入<div>
HTML 头部
的内容不会在浏览器中显示,它的作用是包含一些页面的元数据。
- 元数据 (Metadata):描述数据的数据
是用来表示整个HTML文档大致内容的元数据,即是网页的最上方(非内容页)显示的题目(不是文档的内容)
evenyao的博客
元数据
指定文档编码
适配移动页面
设置 referer (一种防止因图片地址是外链而导致图片挂掉的方法)
添加页面描述(在搜索引擎搜索页面的时候,可以看到 content 里面设置的内容)
link 和 script
定制页面图标
应用 CSS 和 JS
HTML文本
标题与段落
HTML简介
什么是 HTML?
超文本标记语言(Hypertext Markup Language, HTML)是一个可以用来结构化 Web 内容并给予其含义和目标的编码语言。
嵌套元素
你可以将一个元素置于其他元素之中——这被称作嵌套。
空元素
有一些元素并不包含内容,它们被称为空元素。
HTML文本
标题
标题元素允许你指定内容的标题和子标题。
段落
...
列表
无序列表
Unordered List
有序列表
Ordered List
嵌套列表案例
金州勇士队的全明星球员包括:
-
斯蒂芬·库里
- 微博:@StephenCurry
- Twitter: @StephenCurry30
- 凯文·杜兰特
- 克莱·汤普森
- 德雷蒙德·格林
HTML 超链接
如果没有超链接,Web 就没有多大意义了。
简单链接
我的github
链接中的 title 属性
我的github
这个时候当光标移到这个超链接之上的时候,会显示 title 中设置的内容。
外部链接
我的github
将 target
设置成 _blank
时,点击链接浏览器会新开一个 Tab 打开该网页。
返回顶部链接
或者作为一个测试链接的空返回跳转
返回页面顶部
文档内部链接
用于定位到文档的某一部分,
的 href
要对应文档内某个元素的 id
(id
的值在文档内要唯一)。即定位锚点。
电话链接和Email链接
电话连接可用于移动端
+86 130 0000 0000
发送邮件给even
发送邮件给even并抄送给root
HTML 图片
显示 vuelogo 图片,alt 属性的作用是当图片因为一些原因挂掉的时候,可以显示出来进行说明。
HTML 表格
简单表格
球员 号码 身高 体重 生日 国籍 出生地
勒布朗·詹姆斯
23
2.03米/6英尺8英寸
113.4公斤
1984年12月30日
美国
凯里·欧文
2
1.91米/6英尺3英寸
88公斤/193磅
1992年3月23日
美国/澳洲
澳洲
凯文·乐福
0
2.08米/6英尺10英寸
110公斤/243磅
1988年9月7日
美国
球员
号码
身高
体重
生日
国籍
出生地
勒布朗·詹姆斯
23
2.03米/6英尺8英寸
113.4公斤
1984年12月30日
美国
凯里·欧文
2
1.91米/6英尺3英寸
88公斤/193磅
1992年3月23日
美国/澳洲
澳洲
凯文·乐福
0
2.08米/6英尺10英寸
110公斤/243磅
1988年9月7日
美国
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/2061.html
相关文章
-
-
-
前端菜鸟笔记 Day-1 HTML&HTML 5
摘要:行内元素特征设置宽高属性无效设置仅左右水平方向有效,上下垂直无效设置上下左右都有效内容不会自动进行换行行内块元素行内块元素综合了两者的特征,各有取舍,可以对任意元素进行属性设置。
文章大纲来源:【Day 1】HTML & HTML 5
标记语言
XHTML/HTML/HTML 5异同
了解doctype
HTML
HTML 5
标记语言
标记语言(ML)即 Markup Langu...
-
01-html介绍和head标签
摘要:三开发工具的使用使用技巧编辑器四介绍的概述全称,翻译为超文本标记语言,它不是一种编程语言,是一种描述性的标记语言,用于描述超文本内容的显示方式。【转】01-html介绍和head标签主要内容web标准浏览器介绍开发工具介绍HTML介绍HTML颜色介绍HTML规范HTML结构详解一、web标准web准备介绍:w3c:万维网联盟组织,用来制定web标准的机构(组织)web标准:制作网页遵循的规范...
-
w3schools网站的HTML教程之HTML介绍
摘要:浏览器一个浏览器的作用是读取并显示一个文档。声明声明有助于浏览器能够正确地显示页面。声明是不区分大小写的,以下所有写法都是正确地常见声明版本在网络的早期,就具有了很多版本版本年份本文翻译于网站提供的教程。
什么是HTML
HTML 是一种描述 Web 文档(页面)的标记语言。
HTML 代表超文本标记语言(Hyper Text Markup Language)
标记语言就是一组标记标...
发表评论
0条评论
番茄西红柿
男|高级讲师
TA的文章
阅读更多
tensor
阅读 682·2023-04-25 19:43
Windows 下安装 XGBoost
阅读 3854·2021-11-30 14:52
Hadoop 2.6.0 启动问题 lib/native/libhadoop.so which mi
阅读 3729·2021-11-30 14:52
VmShell:黑五美国VPS,免费先开通测试,满意后付款!支持tiktok美区
阅读 3794·2021-11-29 11:00
百度智能云:云产品特惠福利,1核2G轻量应用服务器仅48元/年
阅读 3745·2021-11-29 11:00
Linux系统和宝塔面板如何启用禁ping功能?
阅读 3812·2021-11-29 11:00
301重定向怎么做?301重定向设置方法有几种
阅读 3528·2021-11-29 11:00
wordpress网站重定向次数过多的解决方法
阅读 6007·2021-11-29 11:00