成都大学网站建设特色,建设银行网站上交医保,高站网站建设,wordpress分类筛选HTML详解连载#xff08;1#xff09; HTML定义HTML 超文本标记语言标签语法注意拓展 HTML基本骨架解释VS Code 快速生成骨架#xff1a;标签的关系父子关系#xff08;嵌套关系#xff09;兄弟关系#xff08;并列关系#xff09; 代码格式注释 标题标签标签名:h1-h6(双… HTML详解连载1 HTML定义HTML 超文本标记语言标签语法注意拓展 HTML基本骨架解释VS Code 快速生成骨架标签的关系父子关系嵌套关系兄弟关系并列关系 代码格式注释 标题标签标签名:h1-h6(双标签)经验 段落标签标签名p(双标签)显示特点独占一行、段落之间存在间隙 换行和水平线标签文本格式化标签作用 图像标签-基本使用强调图像标签-属性属性名“属性值” 路径路径分类相对路径强调 绝对路径 注释 HTML
定义
Hyper TextMarkup Language。
HTML 超文本标记语言
超文本是链接 标记也叫标签带尖括号的文本
标签语法
strong 需要加粗的文字 /strong
strong--开始标签
/strong--结束标签注意
标签成对出现中间包裹内容 里面放英文字母(标签名) 结束标签比开始标签多/
拓展
双标签成对出现的标签
单标签只有开始标签没有结束标签
br:换行
hr:水平线HTML基本骨架 htmlheadtitle网页标题/title /headbody网页主体内容/body/html解释
html:整个网页 head:网页头部用来存放给浏览器看的信息例如CSS title:网页标题 body:网页主体用来存放给用户看的信息例如图片文字
VS Code 快速生成骨架
在HTML文件(.html)中!(英文)配合Enter/Tab
标签的关系
作用明确标签的书写位置让代码格式更整齐
父子关系嵌套关系 htmlhead/head/html兄弟关系并列关系
head/head
body/body代码格式
父子关系子集标签换行且缩进 兄弟关系兄弟标签换行要对齐
注释 注释中...是注释内容
快捷键: Ctrl / 标题标签
一般用在新闻标题、文章标题、网页区域名称、产品名称等等。
标签名:h1-h6(双标签)
显示特点文字加粗、字号逐渐减小、独占一行换行
经验
h1标签再一个网页中只能用一次用来放新闻标题或者网页的logo h2-h6没有使用的限制
段落标签
一般用在新闻段落文章段落产品描述信息等。标签名p(双标签)
显示特点独占一行、段落之间存在间隙
换行和水平线标签 换行br(单标签)水平线hr(单标签)文本格式化标签
作用
为文本添加特殊格式以突出重点。常见的文本格式加粗、倾斜、下划线、删 除线等 效果 标签名1 标签名2加粗 strong b倾斜 em i下划线 ins u删除线 del sstrong em ins del标签自带强调含义语义。
图像标签-基本使用
作用在网页中插入图片
img src”图片的URL”强调
src用于指定图像的位置和名称是的必须属性。
图像标签-属性
属性作用说明alt替换文本图片无法显示的时候显示文字可以不影响图片浏览title提示文本鼠标悬停再图片上的时候显示的文字width图片的宽度值为数字没有单位 默认等比缩放height图片的高度值为数字没有单位
属性名“属性值”
属性写在尖括号里面标签名后面标签名和属性之间用空格隔开不区分先后顺序
路径
路径值得是查找文件是从起点到终点经历的路线。
路径分类
相对路径
从当前文件位置出发查找目标文件
强调
/表示进入莫格文件夹里面 .表示当前文件所在文件夹 …表示当前文件的上一个文件夹
绝对路径
从盘符出发查找目标文件 Windows默认是\其他系统是/
注释
自己通过黑马课程并通过自己整合其他资料总结的笔记希望能帮助大家。
