常用的HTML格式、字体标记、连接方法是什么

发布时间:2022-03-02 17:03:55 作者:iii
来源:亿速云 阅读:180

这篇文章主要介绍了常用的HTML格式、字体标记、连接方法是什么的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇常用的HTML格式、字体标记、连接方法是什么文章都会有所收获,下面我们一起来看看吧。

  HTML(hypertext markup language,超文本标记语言):是一种用来制作超文本文档的简单标记语言。用于描述网页的格式设计(在网页上定义一个标题、文本或表格等)和它与万维网上其他页面的连接信息。

  分为静态网页和动态网页

  (1)静态网页:纯HTML格式网页,仅能提供浏览,无法与网站进行互动。在静态网页中,整个网页的主要结构与网页的显示控制必须利用html实现。静态页的扩展名一般问。htm、。html、。shtml、。xml。

  静态网页的执行过程:

  浏览器向网络中的服务器发出请求,指向某个静态网页服务器接收到请求后,传输给浏览器文本文件浏览器接收到服务器传来的文件后,解析HTML标签,将结果显示出来。

  (2)动态网页:网页的内容可以根据某种条件的改变而自动改变。采用动态技术的网页。动态网页的扩展名为。asp、。jsp、。php、。perl、。cgi等扩展名,并且在动态网页网址中有一个标志性的符号“?”

  HTML用于描述功能的符号。标记在使用时必须用尖括号括起来。浏览器会对尖括号里面的标记进行解释。html常用的主要标记有<html>、<head>、<title>、<body>。

  标记分为单标记和双标记:

  (1)单标记:只需在尖括号中输入标记名即可,一种单标记表示一种功能,没有范围之分。

  格式:<标记>

  如换行标记:<br>

  (2)双标记:标记有头有尾,前面标记与后面标识保持一致,后面标记有斜杠。

  格式:<标记>内容</标记>

  如段落标记;<p>? </p>

  <html></html>里面包含头部<head>和内容体<body>。

  (1)表格布局技术:表格布局在过去比较普遍,就是将各种需要的额布局文本、图像素材等放到无边框的表格中,优点是不用担心不同对象之间的影响,缺点是降低网页下载速度。

  (2)CSS(层叠样式表)技术:又称为DIV+CSS布局技术,可以精确定位文本和图片,将数据和格式分开,使网页的数据量大大减少。

  格式:<h#>主题文字</h#>

  #是标题字号1-6,数字越大字号越小。

  (1)段落标记

  格式:<p>这里表示段落</p>

  段落之间会空一行

  (2)段落中的空格

  格式:“ ”

  (3)强制换行

  格式:<br>

  格式:<!--这里放注释-->

  粗体格式:<b>粗体,这里显示的是粗体</b>

  斜体格式:<i>斜体,这里显示的是斜体</i>

  下划线:<u>下划线</u>

  删除线:<s>删除线</s>

  上标:<sup>上标</sup>

  下标:<sub>下标</sub>

  格式:<font size="1">要放的文字</font>

  关键字size用来表示大小,从1-7的任意一个数字,数字越大,字体也就越大。

  格式:<font?color="red">要放的文字</font>

  color后可以接颜色的单词,也可以接RGB颜色值,如color="#cccccc";i

  物理字体:

  逻辑字体:

  (1)换行控制

  注意换行<p>和强制换行<br>的区别

  <p>换行中间会空一行,<br>不会空一行

  实例:

  测试效果:

  (2)不换行控制

  格式:<nobr>添加文字</nobr>

  该标记中的文字,不会换行,在页面中一行里一直显示下去。

  语法:align="#"

  #可以为left、right、center。

  align需要配合<p></p>等使用。

  如文字右对齐:

  cener可不用align关键字,进行居中处理

  列表分为有序列表和无序列表。有序列表前时有序号的数字;无序列表前是圆圈。

  (1)无序列表

  语法:

  (2)有序列表

  (1)设置文字滚动

  默认格式:<marquee>添加文字</marquee>

  默认从右到左,循环滚动。

  (2)设置文字滚动方向

  direction属性设置内容的滚动方向,属性值有left、right、up、down。

  <marquee direction>添加文字</marquee>

  (3)设置文字滚动的速度和形式

  (1)在网页中插入图像

  格式:<img src="cd.jpg">

  (2)图像无法显示时的提示信息

  格式:<img src="cd.jpg" alt="图片无法正常显示时显示的文字">

  (3)控制图像的大小

  格式:<img src="cd.jpg" width="400px" height="400px">

  格式:<img src="cd.jpg" align="#">

  #为图片与文字对齐的属性设置,可选top right botton left middle

  <img src="cd.jpg" border="#px">

  #为边框像素大小

关于“常用的HTML格式、字体标记、连接方法是什么”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“常用的HTML格式、字体标记、连接方法是什么”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注亿速云行业资讯频道。

推荐阅读:
  1. HTML常用标记及其使用方法
  2. HTML5字体标记

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html

上一篇:HTML5中如何使用postMessage实现两个网页间传递数据

下一篇:HTML5内容安全策略是什么

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》