1 前端工程师是干什么的?

pc页面

移动端页面

web开发=前端开发+后台开发--->web应用(网站)

后台:数据

前台:负责数据展示+交互效果

2 需要学习的内容有哪些?

工具部分: ps(处理图片)ide(开发工具)标注工具 5%

编程语言: html、css、javascript 95%

3 html、css、javascript是干什么的?作用是什么?

html:超文本标记语言,搭建网页结构 (修房子--搭建框架结构)

css:层叠样式标,修饰html样式 让网页更好看(装修房子)

js: 负责页面的交互效果 (用户和页面产生行为)

4 开发环境搭建

ide(集成开发环境),写代码的工具,推荐hbuilder

浏览器:IE(不推荐)Chrome(谷歌 推荐) Safari(苹果)firefox (火狐)

5 html文档结构

a.html 超文本标记语言 特点:以.html结尾

b.文档格式 通常成对出现

这个网页是我的第一个网页

hello world!!!

6 html元素之间的关系

html元素包括: 开始标签 + 元素内容 + 结束标签()

父子关系、兄弟关系、子孙关系、后代关系

特点:html元素之间是可以无限嵌套,书写的时候,空格写

7 总结:

html:超文本标记语言,超文本(和纯文本相比功能比较丰富),标记(标签),整个html文档

都是由标签组成,

如何能够学好html语言:每个html标签的名称和功能,背,和学习英语26个字母一样

8 注释

特点:注释的内容不会被显示到浏览器上

br标签 表示换行

字符实体:用一些特殊的字符去代替另外一些特殊字符

9 标签:要学好html就必须记住html标签的名称和标签的作用

名称 作用

html 包裹所有的其他标签,是html最外层的元素

head 文档的头部

title 表示网页的标题

body 所有的网页内容都放在body中

div 表示一个容器或者说一个盒子

span 功能和div类似,span可以用来装一小段文字 和div的区别就是 在一行内显示

h1-h6 表示标题 数字越大 字体越小

p 表示段落标签

hr 表示一条水平分割线

ul li 表示无序列表

i/em 表示斜体

strong 表示加粗

br 表示换行

img 表示图像标签,可以引入图像

属性:特征,在开始标签后面 以 属性名称=“属性值” 这种形式表示给html标签加属性

img标签必须加上 src属性 才能把图像展示出来

alt属性: 当图片没有办法显示的时候用来提示用户的文字

title属性:当鼠标移动到图片的时候,用来提示用户的文字

a标签 表示超链接,可以链接一切资源(包括网址 视频 文字 等等)

href属性: 超链接的地址

target属性: _blank 表示新建一个浏览器标签页来显示超链接的内容,不会覆盖原来的网页

html5的常用标签,HTML5常用标签相关推荐

  1. html5常用的属性标签,HTML5常用标签及其属性设置

    一.Html5的基本结构 网页的内容 二.head标签内常用标签 1.meta标签:设置元数据信息(metadata),用来描述HTML文档的信息,为网页提供用户不可见的信息.常用属性: ⑴chars ...

  2. h5列表 php,常用的HTML5列表标签

    这次给大家带来常用的HTML5列表标签,使用用HTML5列表标签的注意事项有哪些,下面就是实战案例,一起来看一下. 一.列表标签作用 作用:给一堆数据添加列表语义,也就是告诉搜索引擎告诉浏览器这一堆数 ...

  3. HTML5中常见的列表标签包括,介绍几个常用的HTML5标签

    一.Html的基本结构: 网页的文本.图片等信息: 二.Head部分:用于表示网页的元数据即描述网页的基本信息 其常用标签及属性有: 1.title标签:浏览器标签页显示的标题 2.meta标签:其常 ...

  4. html5语义化编程,HTML5常用的语义化标签

    本文将为您描述HTML5常用的语义化标签,具体实现方法:快速查询 article | aside | nav | section | header | footer 架构预览 nav定义导航链接的部分 ...

  5. Html5和Css3的基础标签及常用属性

    H5 H5的常用标签及属性: 新增和废弃 新增的结构(布局) 标签:section.artcle.nav.footer.header.hgroup.Aside.figure 新增的其他标签: Vide ...

  6. HTML5 列表、表格、常用表单、基本标签

    学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签 掌握三种列表标签 掌握表格标签 掌握表格标签 掌握表单标签 掌握H5新增表单和表单属 ...

  7. HTML5新增的9种常用的页面标签

    在HTML5中,新增了9种常用的页面标签,详细介绍如下: 1.figure标签 figure标签是HTML5中新增的标签之一,表示一段独立的流内容(文本.图像). 在使用figure标签时,标签的内容 ...

  8. html5哪个标签首字母大写,HTML5中标签和常用规则有哪些?html5标签以及规则的介绍...

    这篇文章给大家介绍的内容是关于HTML5中标签和常用规则有哪些?html5标签以及规则的介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 1. 命名规则 [强制]class:必须单 ...

  9. html5 ins标签,HTML ins标签常用的用法有哪些?HTML ins常用属性的介绍

    HTML ins标签常用的用法有哪些?HTML ins常用属性的介绍都在这里,本篇文章主要介绍了html ins标签用法和定义都有什么,还有一些html ins标签常用属性的介绍 HTML ins标签 ...

  10. html5下拉智能,HTML5新增标签 + 智能表单

    一.HTML5的新增语义标签 1. 全新语义化标签 :用来定义文档或应用程序中的区域或章节. :用来定义文档的主导航区域,其中的链接指向其他页面或当前页面的某些区域. 用来包裹独立的内容片段,通常用来 ...

最新文章

  1. 1命名规则 sentinel_Spring Cloud Alibaba 整合 Sentinel 流控
  2. 线性筛素数(欧拉筛)
  3. openstack第四章:neutron— 网络服务
  4. 机器学习模型导出为PMML的方法
  5. JavaScript练习
  6. salt 安装MySQL-python和过程
  7. Python实现四阶龙格库塔法求解Ricatti方程
  8. cad迷你画图 mac
  9. 2021-11-13 信道划分介质访问控制ALOHA协议CSMA协议
  10. 【阿里Java技术进阶】官方钉群直播大全(持续更新)...
  11. Oracle中并行parallel详解
  12. 【java校招你不知道的那些事儿】java校招有没有考点大纲?不能拿面试补缺
  13. 我的翻译--针对Outernet卫星信号的逆向工程
  14. oracle10g lsnrctl,linux下oracle10g lsnrctl没反应 sqlplus正常 bug4518443
  15. coco数据集进行裁剪、数据增强过程中的ground_truth bbox的设定以及变化
  16. 汉寿计算机培训初中升高中,中考再迎“新政策”?初中生或将直升高中,家长们终于等到了!...
  17. 80后的千万富翁曝光
  18. 射灯安装方法图解_射灯安装方法及安装注意事项介绍
  19. FORM表单及其属性
  20. 开课吧里的python学习是真的吗-Python是个什么鬼,为何火遍留学圈?

热门文章

  1. 全国计算机考试一级在线模拟,2017全国计算机一级考试模拟
  2. python中read函数解释_Python内置函数解释教程,readwill(非常详细的代码演示截图),详解,看,了,就,会,很...
  3. 2017.3.14 软件包管理器 思考记录
  4. 【英语学习】【English L06】U05 Appointments L3 Can I cancel my reservation?
  5. 判断用户 小程序_【重要声明】小程序维护中,iphone用户手机暂时用不了小程序...
  6. M1支持Windows arm_新款Macbook air,史上最强M1芯片,能买吗?有哪些注意的
  7. 小程序禁止左右拖动_网课视频快进小技巧
  8. R plot图片背景设置为透明_学习健明老师发布的R语言练习题的学习笔记(一)...
  9. object-c 混编 调用C,C++接口
  10. 从Unreal Engine 3到Unreal Engine 4