返回顶部
首页 > 资讯 > 精选 >HTML5超文本标记语言怎么用
  • 442
分享到

HTML5超文本标记语言怎么用

2023-06-09 10:06:19 442人浏览 安东尼
摘要

小编给大家分享一下HTML5超文本标记语言怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!html5:超文本标记语言html5:用来表达是什么,而不是表达格式

小编给大家分享一下HTML5超文本标记语言怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

html5:超文本标记语言

html5:用来表达是什么,而不是表达格式

标记

<!DOCTYPE html><html>    <head>        <title>我的页面</title>        <meta charet=utf-8>    </head>    <body>        我的第一个html页面    </body></html>

浏览器会根据本机编码来解析html

段落(一般浏览器不换行)

分段

&mdash;&mdash;段落,最后呈现的效果(如是否空行等等,由浏览器来决定)

段内分行<br>无结束标记

第一级标题<h2></h2>,可作六级标题,数字越大,字符越小(内含自动换行)

拆单词<wbr></wbr>,告诉浏览器此单词可分开,以保证右对齐

连续的两层标题<hgroup></hgroup>

<hgroup>    <h2>我喜欢</h2>    <h3>你啊</h3></hgroup>

字体样式

加粗<b></b>,斜体<i></i>,可嵌套

打字机的字体<tt></tt>,字缩小<small></small>

删除<del></del>加入<ins><ins>

不被提倡的<s></s>效果与del类似

上标( 平方)<sup></sup>,下标<sub></sub>

高亮<mark><mark>

短语格式

强调<em></em>着重<strong></strong>,定义<dfn></dfn>,代码(小段)<code></code>,例子代码<samp></samp>,用户输入<kbd></kbd>,变量<var></var>,引用<cite></cite>

特殊格式

地址<address></address>,缩进(可嵌套)<blockquote></blockquote>,小引用<q></q>,不做格式重排(可原本展示原有格式)<pre></pre>

属性

加入分割线<hr>,无结束符号,<hr width=50%>(width=50,占50个像素点),分割线长度占页面50%,高度size=10,align=lest 靠左,缩写<abbr title="中华人民共和国">PRC</abbr>

所有标记都可跟title=“”在鼠标停留后出现文字

<bdo dir=rtl><bdi></bdi></bdo>,文字从右向左排

小于符号/大于符号:a<2&mdash;&mdash;a&lt;2,a>2&mdash;&mdash;a&gt;2,&:&amp;,不可打断的空格&nbsp;&uuml;&mdash;&mdash;&uuml;,&Uuml;&mdash;&mdash;&Uuml;

列表

形成文字前的&middot;(形成文字前的数字,即将<ul>变成<ol>

<ul>    <li>红茶</li>    <li>可乐</li></ul>

若用<ol strart=-1>,则第一个项目标号-1

形成词条 方糖 方的糖,甜的

<dl>    <dt>方糖</dt>    <dd>方的糖,甜的</dd></dl>

图片

在html中被看做一个字符,从左往右与字符一起排<img src="mama.jpg(可加其他网站的网址)" width="200" alt="mama"(放在图片底层,以免加载不出)/>,传统上属性的值加引号,gif,jpg,png其他格式不一定可在浏览器看,加入网页<iframe src="Http://....com"><iframe>,可加width hight属性

链接

<a href="http: "(协议非常重要,要是没有会找当前目录下)>网易新闻</a>,在文字“网易新闻上”加超链接

导航至该网页里的某一段落:在某一段落的<p>中写上<p id="haha">(h2,h3也可以用),用超链接<a href="you.html #haha">前往you网页的位置</a>

若有<a href="http://news.163.com" target=-blank(建立新的空白页面)>网易新闻</a>

在图形上建立超链接

<img src="" width=100 hight=100 usemap="#map" />
<map name="map">    <area shape="ract" coords="0,0(坐标),50,50(长宽)" href="http..." alt="news" />  <area shape="circle" coords="75,75,25(半径)" href="http..." alt="news" />  </map>

表格

<table></table>,大表格有

<thead><tbody><tfoot></tfoot></tbody></thead>

<table>:此时无格子线<table border="1">:此时有格子线

<tr>表格的一行    <td>iOS</td>一行中的一格    <td>yes</td>    <td>yes</td></tr><thead>    <tr>        <th>OS</th>        <th>Chinese</th>        <th>French</th>    </tr></thead>

`表格`

列宽会根据表格自动调整

以上是“HTML5超文本标记语言怎么用”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网精选频道!

--结束END--

本文标题: HTML5超文本标记语言怎么用

本文链接: https://lsjlt.com/news/255592.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • HTML5超文本标记语言怎么用
    小编给大家分享一下HTML5超文本标记语言怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!HTML5:超文本标记语言html5:用来表达是什么,而不是表达格式...
    99+
    2023-06-09
  • html为什么叫超文本标记语言
    html被称为超文本标记语言,因为它具有超文本性(可创建文档间链接)和标记语言性(使用标记代码定义文档结构)。html文档由dtd、html标签、属性和内容组成,标签可嵌套使用,广泛应用...
    99+
    2024-04-21
  • 超文本标记语言html的特点
    html 是一种创建网页的标记语言,具有以下特点:结构化文档结构格式化文本创建超链接提供交互性跨平台兼容易于学习可扩展性 超文本标记语言 (HTML) 的特点 超文本标记语言 (HTM...
    99+
    2024-04-21
    css
  • HTML超文本标记语言实例分析
    这篇文章主要介绍“HTML超文本标记语言实例分析”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“HTML超文本标记语言实例分析”文章能帮助大家解决问题。HTML 到底...
    99+
    2024-04-02
  • html5文本控制标记是什么
    今天小编给大家分享一下html5文本控制标记是什么的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一...
    99+
    2024-04-02
  • HTML5语义化标记Section和Article怎么用
    小编给大家分享一下HTML5语义化标记Section和Article怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!Sect...
    99+
    2024-04-02
  • 标记语言HTML5的特点有哪些
    这篇文章将为大家详细讲解有关标记语言HTML5的特点有哪些,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。HTML5的特点:1、超级文本标记语言版本升级采用超集方式,从而更加灵活方便;2、超级文本标记语言采...
    99+
    2023-06-06
  • html5中怎么引用标记
    本篇内容介绍了“html5中怎么引用标记”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! ...
    99+
    2024-04-02
  • 怎么用记事本创建html超文本网页
    这篇文章主要讲解了“怎么用记事本创建html超文本网页”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么用记事本创建html超文本网页”吧!使用记事本新建一...
    99+
    2024-04-02
  • php语言标记用的是什么(php语言标记用的是什么符号)
        在使用php语言开发时,都会见到语言标记,那php语言标记用的是什么呢?有这种“zh_CN”也有“header”。不同的标记内容代表不同信息。所以今天我们来细数一些php相关的语言标记。  &nbs...
    99+
    2024-04-02
  • HTML5语义标签怎么用
    这篇文章将为大家详细讲解有关HTML5语义标签怎么用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。 仿照着用HTML5+CSS3做了一个bl...
    99+
    2024-04-02
  • html5的头部标记怎么使用
    这篇文章主要讲解了“html5的头部标记怎么使用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“html5的头部标记怎么使用”吧! ...
    99+
    2024-04-02
  • 怎么使用HTML5的文本语义元素
    本篇内容主要讲解“怎么使用HTML5的文本语义元素”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么使用HTML5的文本语义元素”吧!文本语义元素 -...
    99+
    2024-04-02
  • HTML中文本标签、超链接标签、图片标签怎么用
    这篇文章将为大家详细讲解有关HTML中文本标签、超链接标签、图片标签怎么用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。   1、简介   在Web应用中,服务器把网...
    99+
    2024-04-02
  • HTML5的语义标签怎么用
    这篇文章主要介绍“HTML5的语义标签怎么用”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“HTML5的语义标签怎么用”文章能帮助大家解决问题。 ...
    99+
    2024-04-02
  • Html长文本超出标记宽度后自动截取怎么实现
    今天小编给大家分享一下Html长文本超出标记宽度后自动截取怎么实现的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面...
    99+
    2024-04-02
  • html5换行符标记怎么写
    这篇文章主要讲解了“html5换行符标记怎么写”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“html5换行符标记怎么写”吧! 在...
    99+
    2024-04-02
  • HTML5新旧语法标记有什么好处
    这篇文章主要讲解了“HTML5新旧语法标记有什么好处”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“HTML5新旧语法标记有什么好处”吧! ...
    99+
    2024-04-02
  • HTML5中b和i标记有什么语义
    这篇文章主要介绍了HTML5中b和i标记有什么语义,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。 b 和 i ...
    99+
    2024-04-02
  • HTML5语义化的标签怎么用
    今天小编给大家分享一下HTML5语义化的标签怎么用的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作