html命名侧边栏_HTML入门笔记一

最新推荐文章于 2024-05-11 18:01:32 发布

weixin_39769187

最新推荐文章于 2024-05-11 18:01:32 发布

阅读量157

点赞数

文章标签： html命名侧边栏

本文链接：https://blog.csdn.net/weixin_39769187/article/details/111626558

版权

1、什么是HTML

HTML称为超文本标记语言，是一种标识性的语言。HTML是由Web的发明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言，它是标准通用化标记语言SGML的应用。

2、HTML的起手式

<!DOCTYPE html>
<html lang="zh_CN">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <title>Document</title>
</head>
<body>
 
</body>
</html>

DOCTYPE 表示文档类型，告诉浏览器，现在的文档类型是HTML语言

<html lang="zh_CN">   表示页面的语言，当前页面所用的是简体中文
<meta charset="UTF-8">  表示当前面的编码
<meta name="viewport" content="width=device-width, initial-scale=1.0">  表示自适应设备
<meta http-equiv="X-UA-Compatible" content="ie=edge">  表示使用最新的IE浏览器

<head></head>头部标签，主要放一些不在页面上展示的元素

<body></body> 即页面的展示区，需要展示的代码都放在body中

3、章节标签

分别为h1-h6标签的效果

标签名	描述
<h1>-<h6>	标题(Heading)呈现了六个不同的级别的标题
<section></section>	章节标签，一般用于章节
<aside></aside>	侧边栏或者标注框
<main></main>	呈现了文档的或应用的主体部分

4、内容标签

标签名	描述
<a></a>	超链接标签，用于文章、锚点的跳转
<strong></stong>	表示文本十分重要，一般用粗体显示
<em></em>	标记出需要用户着重阅读的内容
<code></code>	呈现一段计算机代码. 默认情况下, 它以浏览器的默认等宽字体显示.
<pre></pre>	元素表示预定义格式文本
<ol></ol>	表示有序列表，通常渲染为一个带编号的列表。
<ul></ul>	表示一个内可含多个元素的无序列表或项目符号列表
<dl></dl>	是一个包含术语定义以及描述的列表
<hr>	表示段落级元素之间的主题转换
<br>	在文本中生成一个换行（回车）符号
<quote>	行内引用
<blockquote>	HTML 块级引用元素

5、全局属性

属性名	描述
class	一个以空格分隔的元素的类名（classes ）列表
contenteditable	表示元素是否可被用户编辑
hidden	控制元素的显示隐藏
id	定义唯一标识符（ID）
style	含要应用于元素的CSS样式声明
tabindex	负值表示该元素应该是可聚焦的，但不应通过顺序键盘导航到达; 0 表示元素应通过顺序键盘导航可聚焦和可到达，但其相对顺序由平台约定定义; 正值意味着元素应该可以通过顺序键盘导航进行聚焦和访问;元素聚焦的顺序是tabindex的增加值
title	包含表示与其所属元素相关信息的文本

weixin_39769187

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
html命名侧边栏_HTML入门笔记一

1、什么是HTMLHTML称为超文本标记语言，是一种标识性的语言。HTML是由Web的发明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言，它是标准通用化标记语言SGML的应用。2、HTML的起手式<!DOCTYPE html><html lang="zh_CN"><head> <meta ...
复制链接

扫一扫