HTML5基础
YPE html>
标签：换行 常用 规范 tao 文字 col rip height doc
什么是HTML？
Hyper Text Markup Language（超文本标记语言）
超文本包括：文字、图片、音频、视频、动画等
HTML基本结构
、
等成对的标签，分别叫开放标签和闭合标签 单独呈现的标签（空元素），如
；意为用 / 来关闭空元素
DOCTYPE声明
// 告诉浏览器使用什么规范
"en">
"utf-8"/>
我的第一个网页
我的第一个网页
标签:页面标题
<p><meta>标签：</p>
<div>
<pre><meta charset="<span">"<span>UTF-8</span><span>"</span> />
<meta name="<span">"<span>keywords</span><span>"</span> content=<span>"</span><span>北大青鸟，IT培训</span><span>"</span> />
<meta name="<span">"<span>description</span><span>"</span> content=<span>"</span><span>北大青鸟是国内最大的……</span><span>"</span> /></pre>
</div>
<p><strong>标题标签：</strong></p>
<div>
<pre><h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6></pre>
</div>
<p><strong>段落标签：</strong></p>
<p></p>
<p>…</p>
<div>
<pre><h1>北京欢迎你</h1>
<p>北京欢迎你，有梦想谁都了不起！</p>
<p>有勇气就会有奇迹。</p></pre>
</div>
<p><strong>换行标签 ：</strong><br></p>
<div>
<pre><h1>北京欢迎你</h1>
<p><span>
北京欢迎你，有梦想谁都了不起！</span><br><span>
有勇气就会有奇迹。</span><br><span>
北京欢迎你，为你开天辟地</span><br><span>
……
</span></p></pre>
</div>
<p><strong>水平线标签：</strong> </p>
<hr>
<div>
<pre><h1>北京欢迎你</h1>
<hr><p><span>
北京欢迎你，有梦想谁都了不起！</span><br><span>
有勇气就会有奇迹。</span><br><span>
北京欢迎你，为你开天辟地</span><br><span>
……
</span></p></pre>
</div>
<p><strong>字体样式标签 加粗：</strong><strong>…</strong> 斜体：<em>…</em></p>
<div>
<pre><strong>徐志摩人物简介</strong>
<p>
<em><span>1910</span></em>年入杭州学堂<br><em><span>1918</span></em>年赴美国克拉大学学习银行学<br><span>
……
</span></p></pre>
</div>
<p><strong>特殊符号：</strong></p>
<p><strong><img alt="技术图片" src="http://image.mamicode.com/info/202006/20200615180350987559.png" width="478" height="178"></strong></p>
<p> </p>
<p> <strong>图像标签：</strong></p>
<p><strong>语法：</strong></p>
<p><img src="http://www.soscw.com/path" alt="text" title="text" width="x" height="y"></p>
<p>示例：</p>
<div>
<pre><img src="http://www.soscw.com/upload/<span">"<span>image/hetao.jpg</span><span>"</span> width=<span>"</span><span>160</span><span>"</span> height=<span>"</span><span>160</span><span>"</span><span>
alt</span>=<span>"</span><span>无漂白薄皮核桃</span><span>"</span> title=<span>"</span><span>无漂白薄皮核桃</span><span>"</span>/></pre>
</div>
<p><strong>链接标签：</strong></p>
<p><strong>语法：</strong></p>
<p>链接文本或图像</p>
<p>示例：</p>
<div>
<pre><a href="http://www.soscw.com/upload/<span">"<span>detail.html</span><span>"</span> target=<span>"</span><span>_blank</span><span>"</span>>姑娘，欢迎降落在这残酷的世界
</a><a href="http://www.soscw.com/upload/<span">"<span>detail.html</span><span>"</span> target=<span>"</span><span>_blank</span><span>"</span>>
<img src="http://www.soscw.com/upload/<span">"<span>image/img1.png</span><span>"</span> alt=<span>"</span><span>姑娘，欢迎降落在这残酷的世界</span><span>"</span><span>
title</span>=<span>"</span><span>姑娘，欢迎降落在这残酷的世界</span><span>"</span> />
</a></pre>
</div>
<p><strong>常用的超链接：</strong></p>
<p><strong>页面间链接：</strong>从一个页面链接到另外一个页面</p>
<p><strong>锚链接：</strong></p>
<p>从A页面的甲位置跳转到本页中的乙位置</p>
<p>从A页面的甲位置跳转到B页面中的乙位置</p>
<p><strong>功能性链接：</strong></p>
<p>电子邮件 QQ MSN...</p>
<p><strong>行内元素和块元素:</strong></p>
<p>块元素 无论内容多少，该元素独占一行（p、h1-h6…）</p>
<p>行内元素 内容撑开宽度，左右都是行内元素的可以排在一行(a、strong、em…)</p>
<p> </p>
<p>HTML5基础</p>
<p>标签：换行 常用 规范 tao 文字 col rip height doc </p>
<p>原文地址：https://www.cnblogs.com/bokedizhi97/p/13132050.html</p>
文章来自：
搜素材网的
编程语言模块，转载请注明文章出处。
文章标题：
HTML5基础
文章链接：http://soscw.com/index.php/essay/51111.html
评论