WEB前端入门——基础标签

2024-05-22 04:56:14

标题标签：

<h1>~<h6>

h系列，表示从一级标题到六级标题（越高级越大） tips:标题大小可以用CSS修改，优先级更高

段落标签：<p> 段落之间存在空隙

如果要打很多个p，可以用p*n个

文本格式化标签：

用途：为文字添加加粗，下划线，倾斜，删除线等效果

图片标签：

<img src=” ” alt=”” ”>

src，alt都是属性名，=后是属性值（其他属性还有height，weight等）

src：图片文件名（相对路径./，绝对路径）

alt：替换文本，当图片加载失败时，才会显示alt的文本 eg：文件路径不正确时图片加载失败

文件中的title属性：

title=” ” 属性值：提示文本，只有当鼠标在元素上悬停时，才会显示此文本

tilte属性也可以用于其他标签

高度和宽度：若只设置一个，就会等比例缩放，如果设置两个，可能会比例错误（变形）一般只设置一个

不成对

音频标签：

<audio src=”文件名.mp3” controls></audio>

视频标签

<video src=” ” controls> </video>

(muted属性，静音播放)

双标签

链接标签：

<a herf=”链接（#空链接）”>文字描述</a>

target属性：目标网页的打开方式

target=”_blank” 在新窗口跳转（保留原网页）

target=”_self” 默认值，在当前窗口跳转（覆盖原网页）

不成对的标签：

<br>:强制换行

<hr>:水平分割线

没有语义的基础标签：

常用于网页布局

div:双标签（独占一行）

span：双标签（同一行）

有语义的布局标签：

（常用于手机端网站，独占一行）

字符实体标签：

空格：&nbsp；（网页无法识别代码中的多个连续空格）

……

WEB前端入门——基础标签相关推荐

好程序员web前端教程分享web前端入门基础知识
好程序员web前端教程分享web前端入门基础知识,作为合格的Web前端工程师必须得掌握HTML.CSS和JavaScript.只懂其中一两个还不行,必须对这三门语言都要熟悉.下面我们一起来看一看吧! ...
网页编程从入门到精通杨凡_干货 | web前端入门基础知识
一名合格的web前端工程师必须得掌握HTML.CSS和JavaScript. 只懂其中一个或两个还不行,你必须对这三门语言都很熟悉. 也不是说必须对这三门语言都非常精通,但你至少要能够运用它们完成大多 ...
web前端入门基础教程
了解 WEB 前端(HTML5) 随着互联网与移动互联网的迅猛发展和普及,传统的站点已经不在能满足人们的需求.而现在网上购物,网上直播,网上订餐等都已经成为生活的一部分.而这些内容的呈现,就是 WE ...
Web前端工程师知识体系大全，Web前端入门基础体系
Web前端工程师知识体系大全什么?你上面说的太多太乱了,好吧下面的知识体系只要能掌握个六七成,就能找到个前端的碗了! Web前端基础知识体系大全
学习笔记(01):【孙伟老师UID课堂】设计师也能会的-WEB前端入门基础HTML+CSS视频教程-09综合表单标签讲解-1...
立即学习:https://edu.csdn.net/course/play/6853/136357?utm_source=blogtoedu 8-9接不上啊少了几节课吧?
web前端入门学习 html5（1）
web前端入门基础教程,最适合零基础前端小白的视频教程html5+css3 文章目录 html 浏览器内核 web标注语法规范 html基本结构标签 web常用开发工具 vscode基本使用文档类 ...
Web前端零基础入门——HTML5
[尚硅谷]Web前端零基础入门HTML5+CSS3基础教程丨初学者从入门到精通 html入门 index1 > <html><head><title>我是谁? ...
【尚硅谷】Web前端零基础入门HTML5+CSS3基础教程
[尚硅谷]Web前端零基础入门HTML5+CSS3基础教程学习视频来源:哔哩哔哩弹幕网(https://www.bilibili.com/video/BV1XJ411X7Ud?spm_id_from ...
web前端零基础入门（一）
web前端零基础入门 01. 网页简介 02. 网页简史 03. HTML简介 04. 编写第一个网页 06. 安装notepad++ 07. 自结束标签和注释 07. 标签中的属性 08. 文档声明 ...

最新文章

热门文章