xiaoqiyan 的个人博客

记录精彩的程序人生

Open Source, Open Mind,
Open Sight, Open Future!
  menu
27 文章
0 评论
13968 浏览
0 当前访客
ღゝ◡╹)ノ❤️

前端学习之HTML Day04 网页标签和CSS样式

标签属性

html的属性

lang='en'

lang(language)属性是指内容语言的,目的是让浏览器知道这个页面的主要展示语言是什么?

中文zh-cn

英文en

只跟浏览器的翻译有关

而charset='utf-8'是字符集

属性的写法

属性名称="属性值" 键值对的写法

base标签

加在head里面,可以设置整个页面要不要打开新的一页

默认是_self

如果要某个不使用的话就单独设置就好了

转义符号

直接写一个<或>等是不规范的,可能会识别错。

浏览器对文本之间的空格只能识别一个

查看转移符号表↓

开发中遇到特殊符号不要直接写,为了和代码符号进行区分,保证安全,用转义符来替换。

文本格式化标签

标签 描述
b 和 strong 文字以粗体显示
i 和 em 文字以斜体显示
s 和 del 文字以删除线展示
u 和 ins 文字以下划线展示

b,i,u,s是没有语义性的

strong em ins del 是有语义性的

只是为了好看的话无所谓用哪种,但是如果确实要强调的话就用有语义性的。

img标签(图片标签)

属性

src 路径

width 宽度

height 高度

如果图片不在,又没有写宽高来占位的话,会出现塌陷

alt 图片加载不出来的时候展示的文本,还有就是作为爬虫辨识图片内容的关键字,会影响网站的排名

高度宽度使用原始的,而且不要加单位

px:像素,表示尺寸和距离的单位

列表系列

无序列表 ul>li

ul标签里面只能放li标签,不允许放其他标签

但是li里面可以放任何东西

不分先后,不分主次

有序列表 ol>li

分先后的

自定义列表 dl>dt+dd


标题:Python
作者:肖祺彦
地址:url

评论
取消