HTML复习之用HTML设置文本 本是古典 何须时尚 2022-05-25 08:30 366阅读 0赞 #### 今日目录 #### 1、HTML基本结构 2、文本排版 3、设置文字列表 4、HTML标记与HTML属性 5、特殊文字符号 #### 一、HTML基本结构 #### 1、<html> 标记放在 HTML 文件的开头,是一个形式上的标记; 2、<body> 标记称为主体标记,网页所要显示的内容都放在这个标记内,它是 HTML 文件的重要所在; 3、<head> 标记称为头标记,起的作用是放置关于此 HTML 文件的信息,如提供索引、定义 CSS 样式等; 4、<title> 标记称为标题标记,起的作用是设定网页标题; ![70][] ![70 1][] #### 二、文本排版 #### 2.1、段落标签<p> ![70 2][] 2.2、换行标签<br> ![70 3][] 2.3、标题标签<h1>~<h6> ![70 4][] 2.4、 文字居中标签<center> ![70 5][] 2.5、文字段落缩进标签<blockquote> ![70 6][] #### 三、设置文字列表 #### 文字列表的主要作用是有序地编排一些信息资源,使其结构化和条理化,并以列表的样式显示出来; 3.1、无序列表 ul ![70 7][] 3.2、有序列表 ol ![70 8][] #### 四、HTML标记与HTML属性 #### 在大多数 HTML 标记中都可以对属性控制,属性的作用是帮助 HTML 标记进一步控制 HTML 文件的内容,比如内容的对齐方式(如本例),文字的大小、字体、颜色,网页的背景样式,图片的插入,等等。其基本语法为:<标记名称 属性名 1=“属性值 1” 属性名 2=“属性值 2” ......> 4.1、用 align 属性控制段落的水平位置 ![70 9][] 4.2、用 bgcolor 属性设置背景颜色 ![70 10][] 4.3、设置文字的特殊样式 ![70 11][] ![70 12][] 4.4 设置文字的大小和颜色 font 标签 ![70 13][] #### 五、特殊文字符号 #### ![70 14][] ![70 15][] 添加小编微信可以获取免费资源,二维码 ![70 16][] 要用到的工具,关注 公众号直接免费获取: ![70 17][] [70]: https://img-blog.csdn.net/20180511095818811?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d0eWljeQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70 [70 1]: /images/20220525/d268e93b59de4de689c15f21d6f50e8b.png [70 2]: /images/20220525/ff4418387c1242b2b9b436b944ff35dd.png [70 3]: /images/20220525/08e7e156dd3a4016a28417ef2d162fb5.png [70 4]: /images/20220525/ea768f5a4ae6497d88b2a28e16d1ee92.png [70 5]: /images/20220525/5426591bbcdb44eaa397532bf144763f.png [70 6]: /images/20220525/8dfb98ecb8744aaab4fee5c3458f405a.png [70 7]: /images/20220525/c0d094092bfe44938a7bdcbb78f6b65e.png [70 8]: /images/20220525/94a3bbec55ca493d9ae569055e8611c2.png [70 9]: /images/20220525/4f147802b3b747a296e880e35672d220.png [70 10]: /images/20220525/a41e6548f1874133bc44ae3e290b4d2f.png [70 11]: /images/20220525/0a4b6ce2f2b1444bbc2830da200d2e69.png [70 12]: /images/20220525/e2856f233043400d81ae1cd4e06bb078.png [70 13]: /images/20220525/61a31370c11142bb864f1701b585135b.png [70 14]: /images/20220525/dbc3997e2a2a45aab04a0f8f5cb96e11.png [70 15]: /images/20220525/b26ba35ab0b5405cb08e7dd3ffbfa6dc.png [70 16]: /images/20220525/ba74d83d4756400380efe98fa8382135.png [70 17]: /images/20220525/91ac3142599242f19c02c47914a4ad97.png
相关 文本属性之装饰文本(CSS、HTML) 文本属性之装饰文本(CSS、HTML) <!DOCTYPE html> <html lang="en"> <head> 蔚落/ 2023年10月03日 12:34/ 0 赞/ 12 阅读
相关 HTML设置文本不可选中 css里面添加以下属性就可以 span { user-select: none; -moz-user-select: none; ╰+攻爆jí腚メ/ 2023年06月07日 10:41/ 0 赞/ 17 阅读
相关 Html5之基础-4 HTML文本 一、HTML 文本标记概述 文本标记的作用 (1)文本是网页上的重要组成部分 (2)直接书写的文本会用浏览器默认的样式显示 (3)包含在标记中的文本则会 ╰+攻爆jí腚メ/ 2022年10月02日 13:51/ 0 赞/ 168 阅读
相关 HTML复习之HTML块 今日目录 1、DIV 2、SPAN 一、DIV HTML <div> 元素是块级元素,它是可用于组合其他 HTML 雨点打透心脏的1/2处/ 2022年05月25日 08:49/ 0 赞/ 184 阅读
相关 HTML复习之用HTML建立超链接 今日目录 1、基本文字超链接 2、设置图片的超链接 3、设置以新窗口显示链接页面 Love The Way You Lie/ 2022年05月25日 08:39/ 0 赞/ 306 阅读
相关 HTML复习之用HTML设置文本 今日目录 1、HTML基本结构 2、文本排版 3、设置文字列表 4、HTML标记与 本是古典 何须时尚/ 2022年05月25日 08:30/ 0 赞/ 367 阅读
相关 HTMLf复习之HTML简介 今日目录 1、什么是web 2、什么是html 一、什么是web ![70][] 用户通过浏览器请求服务器,服务器根据用 ╰半夏微凉°/ 2022年05月25日 08:30/ 0 赞/ 270 阅读
还没有评论,来说两句吧...