企业官网建设流程全解析

免费企业网站建设要求,备案网站分布地点,wordpress免费摄影主题,网站建设方案书 文库HTML 基础学习笔记一、学习前的比喻与概念!-- HTML#xff1a;搭建页面结构 → 盖房子 CSS#xff1a;修饰页面 → 装修房子 JavaScript#xff1a;页面交互 → 智能家居 --核心要点#xff1a;HTML#xff1a;构建网页骨架CSS#xff1a;定义网页样式JavaScript…HTML 基础学习笔记一、学习前的比喻与概念!-- HTML搭建页面结构 → 盖房子 CSS修饰页面 → 装修房子 JavaScript页面交互 → 智能家居 --核心要点HTML构建网页骨架CSS定义网页样式JavaScript实现交互功能二、HTML 基本结构与语法!-- HTML基础常用标签约30-40种标签语法单标签自闭合tag或tag /双标签start/end标签关系父子关系直接包含如html与head兄弟关系同父元素如head与body祖先后代间接包含如html与meta --基本文档结构!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 titleDocument/title /head body/body /html三、标签完整写法!-- 完整标签格式tag attribute1 attribute2value attribute3value/tag--四、DOCTYPE与根标签!-- DOCTYPE声明声明文档类型为HTML确保浏览器按HTML规范解析HTML根标签所有标签的祖先每个文档只能有一个lang属性定义页面语言 --!DOCTYPE html html langen五、head标签详解!-- head标签功能配置网页基本信息设置标题、描述等SEO相关元素 --meta标签与字符集!-- charsetUTF-8指定字符编码防止乱码问题 --meta charsetUTF-8视口配置meta nameviewport contentwidthdevice-width, initial-scale1.0优化配置meta namedescription content页面描述... meta namekeywords content关键词1,关键词2 title页面标题/title link relicon hreffavicon.ico typeimage/x-icon六、body主体内容!-- body标签包含网页主要内容用户可见部分 --body 页面内容 img src alt /body七、HTML实体特殊符号!-- HTML实体替代被HTML保留的字符语法entity_name;常用实体空格nbsp;gt;:lt;:rt;©:copy;-- 示例54 43 ©八、HTML标签分类块级标签block独占一行可设置宽高默认宽度100%示例div,p,h1-h6行内标签inline不独占一行不可设置宽高示例a,span,em行内块标签inline-block兼具两者特性标签间有3px间距示例img,input,button九、标签关系总结关系类型示例父子关系html是head的父元素兄弟关系head与body是兄弟祖先后代html是meta的祖先十、学习总结HTML是网页开发的基础理解其结构和语义对后续学习CSS和JavaScript至关重要。写出语义化的HTML代码是专业前端开发的起点。