前端开发基础详解-优快云博客

本文链接：https://blog.youkuaiyun.com/hp0524chl/article/details/116989652

开发工具与关键技术：DW
作者：曹海龙
撰写时间：2021/5/18

前端页面制作：利用HTML+css完成页面的搭建
前端开发：更多的要求javaScript技术
前端架构师：要求知识面、实际项目经验、对技术的整体把控。

前端工程师具体作什么？
Web前端开发工程师，主要职责是利用HTML\CSS\Javascript等各种Web技术进行客户端产品的开发。完成客户端程序的开发（也就是浏览器），同时结合后台即使模拟整体效果，致力于通过技术改善用户体验。

html是：超文本标记语言，用来设计网页的标记语言，用该语言编写的文件以.html或.htm为后缀，由浏览器解释执行，不区分大小写，建议小写

html标签
1、HTML用于描述功能的符号成为“标签”
2、标签都封装在一对尖括号“<……>”之中，如就是一个标签
3、封装类型标记（也叫双标记），必须成双成对出现，如

4、非封闭类型标记，也叫作空标记，或者单标记，如

html元素
指的是从开始标签（start tag）到结束标签（rnd tag）的所有代码
html 元素语法以开始标签起始以结束标签终止
元素内容是开始标签与结束标签之间的内容大多数html可拥有属性

html属性与指
1.属性是用来修饰元素的
属性必须位于开始标签里
一个元素的属性可能不止一个，多个属性之间用空格隔开
多个属性之间不区分先后顺序
2.每个属性都有值
属性和属性的值之间用等号链接
属性的值包含在引号当中
属性总是以名称/值对的形式出现
在这里插入图片描述
aling属性 **“center”**属性值

注释：
1.为代码添加适当的注释是一种良好的编程习惯
2.注释值在编辑文本情况下可见，在浏览器展示页面并不会显示
3.注释标签不支持任何属性
4.语法:
在这里插入图片描述

注释不可以嵌套在其他注释中也不可以位于嵌在<>中，
注释之间的任何内容都不会显示在浏览器中

html基本结构
在这里插入图片描述

<!doctype html>
DTD文档模型也称DOCTYPE文档声明，它是Document Type Definition的英文缩写，意思是文档类型定义，在HTML文档中，用来指定页面所使用的HTML的版本。想要制作符合标准的页面，一个必不可少的关键组成部分就是DOCTYPE声明。只有确定了一个正确的DOCTYPE，HTML里的标识和CSS才能正常生效。它一般被定义在页面的第一行，HTML标签之前。它不是HTML标签。

标签用于定义文档头部，它是所有头部的容器。中的元素可以引用脚本、指示浏览器在哪里找到样式表。文档的头部描述了文档的各种信息，包含文档的标题、在Web中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。这些标签可用在head部分：、、、</link></meta> 1、可定义文档的标题 2、它显示在浏览器窗口的标题栏或状态栏上。 3、当把文档加入用户的收藏夹或书签列表时，标题将成为该文档的默认名称。 4、<title>标签是标签中唯一必须要求包含的东西，就是说写head一定要写title，不是说其他的不加，而是title一定要加。 5、title写和你网页相关的关键词有利于SEO优化

标签嵌套：标签之间可以相互嵌套，但要注意嵌套顺序

html中常用的标签

段落标签 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210518150434476.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hwMDUyNGNobA==,size_16,color_FFFFFF,t_70#pic_center)

运行到网页之后它是一段话一段落(下图)
在这里插入图片描述

换行标签表示换行下一行
在这里插入图片描述

下划线标签在字体下面显示下划线 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210518150713201.png#pic_center)![在这里插入图片描述](https://img-blog.csdnimg.cn/20210518150721785.png#pic_center)

无语义标签

字体样式标签
加粗：… …
斜体：… …
下划线文本：…
中划线： …

特殊符号：
空格 &nbsp；
大于号 &gt；
小于号 &lt；
引号 &quot；
版权符号@ &copy；