**前端介绍**

开发工具与关键技术: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;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值