web处理html标记,web前端学习-----HTML标记

今天要说的是,常用的HTML标记。

-------->>1.1标题字标记和文字标记

1.标题字是以一种固定的字号去显示文字,标题字标记分别为:

基本语法:

ced8ffeb18fbb205cce4aed1ac63f504.png

-------->>1.2特殊符号标记

网页中会经常出现一些特殊符号,如:版权信息,数学符号,商标等等。以“&”符号开头,以“;”结尾

c748dcb5fd50254d5435732ce1c14558.png

86e03fcddcff33134a0ab4bd7ed4a6d1.png

-------->>1.3 文本样式和文本修饰样式

1.3.1文本标记

常用属性:1.size:字体大小  (1~7)

2.color:颜色(颜色的十六进制,颜色的英文单词)

3.face:字体样式,如:黑体,楷体

-------->> 1.3.2  文本修饰样式标记

有以下几种:

757115d7f66a8f433be8a8a19c49e331.png

d3778aa975c2541bdd1bbb861155604c.png

-------->>1.4 段落标记

-------->>1.5  换行标记
:给文本换行

-------->>1.6  分隔线标记


属性:align:对齐方式,分别为:center、left、right。

size:分隔线的粗细

width:分隔线的宽度

color:分隔线的颜色,颜色的英文单词,十六进制,rgb(rgb)

-------->>1.7图片标记  

基本语法:%E5%9B%BE%E7%89%87%E7%9A%84%E4%BD%8D%E7%BD%AE.

属性:src:图片的位置URL,URL分为2种:(1)绝对路径,带盘符,如  “http://www.baidu.com/img”

(2)相对路径,不带盘符,如:“images.jpg”

alt:图片加载不出来时,显示的文字

title:鼠标停留在上面时显示的文字

width:图片的宽度

height:图片的高度

border:图片边框的宽度

vspace:图片与相邻元素的垂直间距

hspace:图片与相邻元素的水平间距

align:图片的水平和垂直对齐方式,分别为:left、center、right、top、middle、bottom.默认值为bottom.

1.8     超链接

但我们在浏览网页的时候,在网页点击相应的内容或者链接,图片,网页就会自动跳转到另一个页面,这就是超链接

452d469f8b3d64b9fb6728a1c1112874.png

5b3eba5aa0bc2505679bd28d6df3d8e4.png

基本语法:

属性:(1)href:指定链接指向的目标地址。

(2)target:打开链接页面的方式,有两种方式,一:_self表示目标页面在原窗口打开,默认值是_self;二:_blank表示目标页面在新窗口打开。

(3)title:表示当鼠标指向超链接时显示的文字。

1.9列表

列表可分为:无序列表、有序列表、定义列表;

1.9.1无序列表

嵌套在

基本语法:

type属性用于设置列表项前的项目符号,它的值有:disc(实心圆,默认值)、circle(圆)、square(实心的正方形)

af57668af5a6a96ed52160c867792fb7.png

f271651673a4c1c507720392c48b5da1.png

ec1bfab5bd032211b8101c2f565164cb.png

1.9.2有序列表

用于定义无序列表,嵌套在中用于定义列表项。

基本语法:

type属性的值有5中:(1)1:项目符号显示为阿拉伯数字

(2)a:项目符号显示为小写英文字母

(3)A:项目符号显示为大写英文字母

(4)i:项目符号显示为小写罗马数字

(5)I:项目符号显示为大写罗马数字

53fac4710718d99230357eef47d33371.png

180027207e332675be6052800fa6d45e.png

14f66b11f9ba32eafab655b6211ab0a4.png

value:可以改变当前列表项的编号大小,并会影响后续的列表项编号,该属性只用于有序列表,它的值只能取阿拉伯数字。52d06bdb7235594cb914ccb5338bc787.png

b8aaccd7b21c76990e0d22b673a80f04.png

1.9.3定义列表

eb1213a2137c62f3cc0b7154f0d57553.png

a75a29763f8a3e8e20d16c304f541136.png

liststyle可以综合设置列表项的样式

liststyle:列表项符号(list-style-type)  列表项符号的位置(list-style-position)  列表项图像(list-style-image:url(1.jpg)).

今天的HTML标记就先讲这么所吧,再会!

3cea5c77d5b88c4b0ea65cee95e30028.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: Web前端中文字的设置可以通过CSS样式来实现。可以使用font-family属性来设置字体,font-size属性来设置字号,line-height属性来设置行高,letter-spacing属性来设置字间距,word-spacing属性来设置单词间距等等。同时,也可以使用@font-face规则来引入自定义字体。 ### 回答2: 在web前端中,文字的设置是一个重要的部分,直接影响着网页的视觉效果和用户体验。文字的设置主要包括字体、大小、颜色、行高等。 首先是字体的选择。在web前端开发中,我们可以使用系统字体或者自定义字体,通过设置font-family属性来实现。选择适合的字体,能够使网页更加精美和易读,同时确保在不同操作系统和浏览器上都能正确显示。 其次是字体的大小。通过设置font-size属性来调整字体的大小,通常使用绝对单位px或相对单位em、rem来指定字体大小。合适的字体大小能够保证文字的可读性,同时对于大段文字的排版也非常重要。 另外,颜色也是文字设置中的重要部分。通过设置color属性来指定文字的颜色,可以使用常见的颜色名称,也可以使用十六进制、RGB或RGBA的值来表示。颜色的选择需要与整体的网页风格相协调,提高网页的可读性和美观度。 此外,行高也是文字设置中需要考虑的一项。通过设置line-height属性来控制行高,通常使用相对单位em或倍数来设置。适当的行高能够提高文字的阅读性和美观度,并且有助于更好地处理文字与其他元素之间的间距。 在实际的web前端开发中,还可以通过使用文本阴影、文字对齐、文字样式(如加粗、斜体等)等方式来进一步优化文字效果。总之,在web前端中文字的设置对于网页的整体质量和用户体验有着重要影响,所以需要仔细考虑和调整。 ### 回答3: 在web前端开发中,需要考虑中文字的设置,以确保网页在不同用户终端上显示正常。以下是一些常见的中文字设置: 1. 字体选择:中文字体在不同操作系统和设备上的字库有所不同,为了确保一致的显示效果,可以在CSS样式中使用通用字体族类别,如"sans-serif"或"serif",让浏览器自动选择合适的字体。 2. 字体大小:考虑到中文字体的特点,通常会将中文字体的基础字号设置稍大一些,以保证字体在相同像素大小下显示更清晰。可以使用CSS中的"font-size"属性来调整字体大小。 3. 字体加粗:有时需要强调一些内容,可以使用"font-weight"属性来增加字体的粗细程度。通常对于中文字体,400是正常字号,700是加粗字号。 4. 行距和字间距:中文字体相对英文字体较为密集,为了提高阅读体验,可以增加行距和字间距。可以使用CSS中的"line-height"属性调整行距,使用"letter-spacing"属性调整字间距。 5. 字体颜色:在网页中,可以使用CSS中的"color"属性来设置字体颜色。可以根据设计需求选择适合的颜色,保证与背景色有明显的对比度,以提高可读性。 6. 字体字形:中文字体有繁体和简体之分,根据网页内容的需要,可根据用户的设置显示不同的字形。可以使用CSS中的"font-variant"属性调整字体字形。 总而言之,中文字的设置包括字体选择、字体大小、字体加粗、行距和字间距、字体颜色和字体字形等。通过合理设置,可以确保中文在web前端开发中的正常显示。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值