外链生成网站,科技设计网站建设,网站开发core文件作用,万润 企业网站建设文章目录 01-标签语法标签结构 03-HTML骨架04-标签的关系05-注释06-标题标签07-段落标签08-换行和水平线09-文本格式化标签10-图像标签图像属性 11-路径相对路径绝对路径 12-超链接标签13-音频14-视频 01-标签语法
HTML 超文本标记语言——HyperText Markup Language。
超文本… 文章目录 01-标签语法标签结构 03-HTML骨架04-标签的关系05-注释06-标题标签07-段落标签08-换行和水平线09-文本格式化标签10-图像标签图像属性 11-路径相对路径绝对路径 12-超链接标签13-音频14-视频 01-标签语法
HTML 超文本标记语言——HyperText Markup Language。
超文本链接标记标签带尖括号的文本
标签结构
标签要成对出现中间包裹内容里面放英文字母标签名结束标签比开始标签多 /标签分类双标签和单标签
strong需要加粗的文字strong
br
hr03-HTML骨架
html整个网页head网页头部用来存放给浏览器看的信息例如 CSS title网页标题 body网页主体用来存放给用户看的信息例如图片、文字
htmlheadtitle网页标题/title/headbody网页主体/body
/html提示 VS Code 可以快速生成骨架在 HTML 文件.html中!英文配合 Enter / Tab 键 04-标签的关系 作用明确标签的书写位置让代码格式更整齐 父子关系嵌套关系子级标签换行且缩进Tab键 兄弟关系并列关系兄弟标签换行要对齐
05-注释
概念注释是对代码的解释和说明能够提高程序的可读性方便理解、查找代码。
注释不会再浏览器中显示。
在 VS Code 中添加 / 删除注释的快捷键Ctrl /
!-- 我是 HTML 注释 --06-标题标签
一般用在新闻标题、文章标题、网页区域名称、产品名称等等。
h1一级标题/h1
h2二级标题/h2
h3三级标题/h3
h4四级标题/h4
h5五级标题/h5
h6六级标题/h6显示特点
文字加粗字号逐渐减小独占一行换行 经验 h1 标签在一个网页中只能用一次用来放新闻标题或网页的 logoh2 ~ h6 没有使用次数的限制 07-段落标签
一般用在新闻段落、文章段落、产品描述信息等等。
p段落/p显示特点
独占一行段落之间存在间隙
08-换行和水平线
换行br水平线hr
br
hr09-文本格式化标签
作用为文本添加特殊格式以突出重点。常见的文本格式加粗、倾斜、下划线、删除线等。 strong加粗/strongem倾斜/emins下划线/insdel删除线/del效果 提示strong、em、ins、del 标签自带强调含义语义。 10-图像标签
作用在网页中插入图片
img src图片的 URLsrc用于指定图像的位置和名称是 的必须属性。
图像属性
属性作用说明alt替换文本图片无法显示的时候显示的文字title提示文本鼠标悬停在图片上面的时候显示的文字width图片的宽度值为数字没有单位height图片的高度值为数字没有单位
11-路径
概念路径指的是查找文件时从起点到终点经历的路线。
路径分类
相对路径从当前文件位置出发查找目标文件绝对路径从盘符出发查找目标文件 Windows 电脑从盘符出发Mac 电脑从根目录出发
相对路径
查找方式从当前文件位置出发查找目标文件
特殊符号
/ 表示进入某个文件夹里面 → 文件夹名/**. ** 表示当前文件所在文件夹 → ./… 表示当前文件的上一级文件夹 → …/
绝对路径
查找方式Windows 电脑从盘符出发Mac 电脑从根目录/出发
img srcC:\images\mao.jpg提示 Windows 默认是 \ 其他系统是 /建议统一写为 /特殊的绝对路径 → 文件的在线网址https://www.itheima.com/images/logo.png 应用场景网页底部友情链接 12-超链接标签
作用点击跳转到其他页面。
a hrefhttps://www.baidu.com跳转到百度/ahref 属性值是跳转地址是超链接的必须属性。
超链接默认是在当前窗口跳转页面添加 target“_blank” 实现新窗口打开页面。
拓展开发初期不确定跳转地址则 href 属性值写为 #表示空链接页面不会跳转在当前页面刷新一次。
a hrefhttps://www.baidu.com/跳转到百度/a !-- 注意加上http或者https --!-- 跳转到本地文件相对路径查找 --
!-- target_blank 新窗口跳转页面 --
a href./01-标签的写法.html target_blank跳转到01-标签的写法/a!-- 开发初期不知道超链接的跳转地址href属性值写#表示空链接不会跳转 --
a href#空链接/a13-音频
audio src音频的 URL/audio常用属性
属性作用特殊说明src必须属性音频URL支持格式MP3、Ogg、Wavcontrols显示音频控制面板loog循环播放autoplay自动播放 拓展书写 HTML5 属性时如果属性名和属性值相同可以简写为一个单词 !-- 在 HTML5 里面如果属性名和属性值完全一样可以简写为一个单词 --
audio src./media/music.mp3 controls loop autoplay/audio14-视频
video src视频的 URL/video常用属性
!-- 在浏览器中想要自动播放必须有 muted静音播放 属性--
video src./media/vue.mp4 controls loop muted autoplay/video
