做网站关键词必须要中文网址,安卓html编辑器,汕头网站建设技术支持,云南网站开发培训机构排行目录
一、标签语法
HTML的基本框架
1. 标题标签
2. 段落标签
3. 换行和水平线
4. 文本格式化标签
5. 图像标签
6. 路径
相对路径
绝对路径
7. 超链接标签
8. 音频
9. 视频
10. 注释
二、标签结构 一、标签语法
HTML 超文本标记语言——HyperText Markup Langua…
目录
一、标签语法
HTML的基本框架
1. 标题标签
2. 段落标签
3. 换行和水平线
4. 文本格式化标签
5. 图像标签
6. 路径
相对路径
绝对路径
7. 超链接标签
8. 音频
9. 视频
10. 注释
二、标签结构 一、标签语法
HTML 超文本标记语言——HyperText Markup Language。 HTML的基本框架 html整个网页 head网页头部用来存放给浏览器看的信息例如 CSS title网页标题 body网页主体用来存放给用户看的信息例如图片、文字
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title网页标签/title/title
/head
bodystrong需要加粗的文字stronga href./html基础.html target_blank跳转打开新的页签/a!-- href属性值写#表示空链接不会跳转 --a href#空链接/abrhr!-- --p你好呀/pp受低温冻雨影响多地电力人员通过无人机等科技手段除冰保供电。在部分山区他们只能爬上电线杆彻夜人工除冰。为了除冰抢修他们用了千方百计。转发致敬低温雨雪冰冻天气的守护者↓↓你们辛苦了也注意安全/p
/body
/html VS Code 可以快速生成框架在 HTML 文件.html中!英文配合 Enter / Tab 键
1. 标题标签
!-- h1 标签在一个网页中只能用一次 , h2 ~ h6 没有使用次数的限制 --
h1一级标题/h1
h2二级标题/h2
h3三级标题/h3
h4四级标题/h4
h5五级标题/h5
h6六级标题/h6
显示特点 文字加粗 字号逐渐减小 独占一行换行
2. 段落标签
p段落/p
一般用在新闻段落、文章段落信息等等。
显示特点 独占一行 段落之间存在间隙
3. 换行和水平线
br !-- 换行 --
hr !-- 水平线 --
4. 文本格式化标签
为文本添加特殊格式以突出重点。常见的文本格式加粗、倾斜、下划线、删除线等 5. 图像标签
img src图片的 URL
用于在网页中插入图片 src用于指定图像的位置和名称是 img 的必须属性。
属性语法属性名属性值属性写在尖括号里面标签名后面标签名和属性之间用空格隔开不区分先后顺序
图片属性 6. 路径
路径指的是查找文件时的地址
相对路径
查找方式 从当前文件位置出发查找目标文件
特殊符号 / 表示进入某个文件夹里面 → 文件夹名/ . 表示当前文件所在文件夹 → ./ .. 表示当前文件的上一级文件夹 → ../
绝对路径
查找方式Windows 电脑从盘符出发Mac 电脑从根目录/出发
img srcD:\images\dog.jpg
Windows 默认是 \ 其他系统是 /建议统一写为 /特殊的绝对路径应用场景在线网页地址友情链接
7. 超链接标签
超链接标签用于点击跳转到其他页面。
a hrefhttps://www.baidu.com跳转到百度/a
href 属性值是跳转地址是超链接的必须属性。
超链接默认是在当前窗口跳转页面添加 target_blank 实现新窗口打开页面。
href 属性值写为 #表示空链接页面不会跳转在当前页面刷新一次。 8. 音频
audio src音频的 URL/audio 书写 HTML5 属性时如果属性名和属性值相同可以简写为一个单词。
9. 视频
video src视频的 URL/video !-- 在浏览器中想要自动播放必须有 muted 属性 -- video src./media/vue.mp4 controls loop muted autoplay/video 10. 注释 概念注释是对代码的解释和说明能够提高程序的可读性方便理解、查找代码。
注释不会再浏览器中显示。
在 VS Code 中添加 / 删除注释的快捷键Ctrl /
!-- 注释 -- 二、标签结构 标签要成对出现中间包裹内容 里面放英文字母标签名 结束标签比开始标签多 / 标签分类双标签和单标签
strong需要加粗的文字strong
br
hr
p你好呀/p
