HTML是谁发明的?
HTML,全叫作:HyperText Markup Language,中文意思是,超文本标记语言。由李爵士(蒂姆-伯纳斯-李)发明。仔细内容能够查阅维基百科。
HTML起手式怎么写?
Emmet 感叹号
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
这些代码是什么意思呢? <!DOCTYPE html>:文本类型。<html lang="zh-CN">:html标签,lang="zh-CN"意思是告诉浏览器,这是一个中文页面。<head></head>:规定文档关联的配置信息,包含标题、文档样式、脚本等等。<metacharset="UTF-8">:文件的字母编号。<metahttp-equiv="X-UA-Compatible"content="IE=edge">:为了告诉IE,运用最新内核。<meta name="viewport"content="width=device-width, initial-scale=1.0">:禁用缩放,为了兼容手机。<title>Document</title>:页面标题。常用的表章节的标签有那些?header:顶部内容main:重点内容section:章节h1~h6:标题p:段落aside:旁支内容footer:尾部内容怎样运用以上标签呢?
<body>
<header>我是顶部内容</header>
<main>
<h1>HTML章节标签的应用</h1>
<section>
<h2>第1章:我是h2</h2>
<p>这儿用了一个p标签表率一个段落,用于描述内容。</p>
</section>
<section>
<h2>第二章:我亦是h2</h2>
<section>
<h3>第1节:我是h3</h3>
<p>这儿再次运用p标签,描述内容。</p>
</section>
<aside>我是aside,写有些旁支内容</aside>
</section>
</main>
<footer>© 这儿用footer描述版权说明</footer>
</body>
它们在页面上是怎么表示的呢?
全局属性由那些呢?class:给你的标签分了一个类,或多个类。contenteditable:让任何一个元素能够被编辑。hidden:让一个标签功能及内容隐匿。id:全页面独一性标记,然则它有非常多bug,不到万不得已,不意见运用。style:给标签添加样式。tabindex:响应键盘tab的次序。title:完整的表示内容的。示例:
<head>
<style>
.middle{
bac公斤round: black;
color: white;
}
.bordered{
border: 1px solid red;
}
</style>
</head>
<body>
<div class="middle bordered" style="border:1px solid red" tabindex=1>
<h1 tabindex=1 title="倘若内容很长,能够在这儿输入完整内容。">效果展示</h1>
<p tabindex=2 hidden>
加了hidden这句话就会隐匿
</p>
</div>
</body>
常用的内容标签有那些呢?ol+li:有次序的列表ul+li:没次序的列表dl+dt+dd:dl为描述列表,dt为被描述的对象,dd为描述内容pre:保存文本的空格、回车、tab等内容。hr:水平线分割br:换行a:可定义超链接em:语气的强调strong:本质的强调code:用于输入代码内容。quote:内联引用内容blockquote:块级的引用示例:
<body>
<ol>
<li>有序列表1</li>
<li>有序列表2</li>
</ol>
<ul>
<li>没序列表1</li>
<li>没序列表2</li>
</ul>
<dl>
<dl>
描述对象
<dd>描述内容</dd>
</dl>
</dl>
<pre>
这儿有 空格
亦能够回车
</pre>
<hr />
<p>下面是一个a标签的超链接<br /><a href="http://baidu.com">百度一下</a></p>
<quote>三上:马上、枕上、厕上</quote>
<blockquote>换行引用</blockquote>
<p>
<em>前端</em>的学习很要紧,必定要持续的复习才可<strong>更好的面对工作</strong>
</p>
</body>
展示:
自此,便是所有内容了!明天继续加油鸭!
|