位置:- 正文
HTML【基础篇】(html入门基础)
编辑：rootadminHTML【基础篇】 HTML【基础篇】🍎一.HTML结构🍒1.1认识HTML标签🍒1.2HTML文件基本结构🍒1.3标签层次结构🍒1.4快速生成代码框架🍎二.HTML常见标签🍒1.1注释标签🍒1.2标题标签（h1-h6）🍒1.3段落标签（p）🍒1.4换行标签（br）🍒1.5格式化标签🍒1.6图片标签（img）🍒1.7超链接标签（a）🍎三.HTML表格标签🍒3.1基本使用🍒3.2列表标签🍎四.HTML表单标签🍒4.1 input标签🍒4.1 select标签🍒4.1 textarea标签🍒4.2无语义标签(div & span)🍎五.设计简历🍎六.填递简历🍎一.HTML结构🍒1.1认识HTML标签
本文链接地址:https://www.jiuchutong.com/zhishi/297885.html
转载请保留说明！
下一篇链接:https://www.jiuchutong.com/zhishi/297886.html
推荐整理分享HTML【基础篇】(html入门基础)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:html系列教程,html基础入门,html基本用法,html基础总结,html基础总结,html技巧,html基本教程,html基本用法,内容如对您有帮助，希望把文章链接给更多的朋友！
HTML 代码是由 “标签” 构成的 形如:
<body>hello</body>●标签名 (body) 放到 < > 中 ●大部分标签成对出现. 为开始标签, 为结束标签 ●少数标签只有开始标签, 称为 “单标签” ●开始标签和结束标签之间, 写的是标签的内容. (hello) ●开始标签中可能会带有 “属性”. id 属性相当于给这个标签设置了一个唯一的标识符(身份证号码)
<body>hello</body>🍒1.2HTML文件基本结构<html> <head> <title>第一个页面</title> </head> <body> hello world </body></html>● html 标签是整个 html 文件的根标签(最顶层标签) ● head 标签中写页面的属性 ● body 标签中写的是页面上显示的内容 ● title 标签中写的是页面的标题
🍒1.3标签层次结构<html> <head> <title>第一个页面</title> </head> <body> hello world </body></html>其中: ● head 和 body 是 html 的子标签(html 就是 head 和 body 的父标签) ● title 是 head 的子标签. head 是 title 的父标签 ● head 和 body 之间是兄弟关系
🍒1.4快速生成代码框架我们只需要在VScode输入**!**就可以快速生产HTML代码框架 按回车就生成了大概的代码框架
细节解释: (了解): ● *<!DOCTYPE html> 称为 DTD (文档类型定义), 描述当前的文件是一个 HTML5 的文件 ● <html lang="en"> 其中 lang 属性表示当前页面是一个 “英语页面”. 这里暂时不用管. (有些浏览器会根据此处的