html5的常用标签,HTML5常用标签
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常用标签相关推荐
- html5常用的属性标签,HTML5常用标签及其属性设置
一.Html5的基本结构 网页的内容 二.head标签内常用标签 1.meta标签:设置元数据信息(metadata),用来描述HTML文档的信息,为网页提供用户不可见的信息.常用属性: ⑴chars ...
- h5列表 php,常用的HTML5列表标签
这次给大家带来常用的HTML5列表标签,使用用HTML5列表标签的注意事项有哪些,下面就是实战案例,一起来看一下. 一.列表标签作用 作用:给一堆数据添加列表语义,也就是告诉搜索引擎告诉浏览器这一堆数 ...
- HTML5中常见的列表标签包括,介绍几个常用的HTML5标签
一.Html的基本结构: 网页的文本.图片等信息: 二.Head部分:用于表示网页的元数据即描述网页的基本信息 其常用标签及属性有: 1.title标签:浏览器标签页显示的标题 2.meta标签:其常 ...
- html5语义化编程,HTML5常用的语义化标签
本文将为您描述HTML5常用的语义化标签,具体实现方法:快速查询 article | aside | nav | section | header | footer 架构预览 nav定义导航链接的部分 ...
- Html5和Css3的基础标签及常用属性
H5 H5的常用标签及属性: 新增和废弃 新增的结构(布局) 标签:section.artcle.nav.footer.header.hgroup.Aside.figure 新增的其他标签: Vide ...
- HTML5 列表、表格、常用表单、基本标签
学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签 掌握三种列表标签 掌握表格标签 掌握表格标签 掌握表单标签 掌握H5新增表单和表单属 ...
- HTML5新增的9种常用的页面标签
在HTML5中,新增了9种常用的页面标签,详细介绍如下: 1.figure标签 figure标签是HTML5中新增的标签之一,表示一段独立的流内容(文本.图像). 在使用figure标签时,标签的内容 ...
- html5哪个标签首字母大写,HTML5中标签和常用规则有哪些?html5标签以及规则的介绍...
这篇文章给大家介绍的内容是关于HTML5中标签和常用规则有哪些?html5标签以及规则的介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 1. 命名规则 [强制]class:必须单 ...
- html5 ins标签,HTML ins标签常用的用法有哪些?HTML ins常用属性的介绍
HTML ins标签常用的用法有哪些?HTML ins常用属性的介绍都在这里,本篇文章主要介绍了html ins标签用法和定义都有什么,还有一些html ins标签常用属性的介绍 HTML ins标签 ...
- html5下拉智能,HTML5新增标签 + 智能表单
一.HTML5的新增语义标签 1. 全新语义化标签 :用来定义文档或应用程序中的区域或章节. :用来定义文档的主导航区域,其中的链接指向其他页面或当前页面的某些区域. 用来包裹独立的内容片段,通常用来 ...
最新文章
- 1命名规则 sentinel_Spring Cloud Alibaba 整合 Sentinel 流控
- 线性筛素数(欧拉筛)
- openstack第四章:neutron— 网络服务
- 机器学习模型导出为PMML的方法
- JavaScript练习
- salt 安装MySQL-python和过程
- Python实现四阶龙格库塔法求解Ricatti方程
- cad迷你画图 mac
- 2021-11-13 信道划分介质访问控制ALOHA协议CSMA协议
- 【阿里Java技术进阶】官方钉群直播大全(持续更新)...
- Oracle中并行parallel详解
- 【java校招你不知道的那些事儿】java校招有没有考点大纲?不能拿面试补缺
- 我的翻译--针对Outernet卫星信号的逆向工程
- oracle10g lsnrctl,linux下oracle10g lsnrctl没反应 sqlplus正常 bug4518443
- coco数据集进行裁剪、数据增强过程中的ground_truth bbox的设定以及变化
- 汉寿计算机培训初中升高中,中考再迎“新政策”?初中生或将直升高中,家长们终于等到了!...
- 80后的千万富翁曝光
- 射灯安装方法图解_射灯安装方法及安装注意事项介绍
- FORM表单及其属性
- 开课吧里的python学习是真的吗-Python是个什么鬼,为何火遍留学圈?
热门文章
- 全国计算机考试一级在线模拟,2017全国计算机一级考试模拟
- python中read函数解释_Python内置函数解释教程,readwill(非常详细的代码演示截图),详解,看,了,就,会,很...
- 2017.3.14 软件包管理器 思考记录
- 【英语学习】【English L06】U05 Appointments L3 Can I cancel my reservation?
- 判断用户 小程序_【重要声明】小程序维护中,iphone用户手机暂时用不了小程序...
- M1支持Windows arm_新款Macbook air,史上最强M1芯片,能买吗?有哪些注意的
- 小程序禁止左右拖动_网课视频快进小技巧
- R plot图片背景设置为透明_学习健明老师发布的R语言练习题的学习笔记(一)...
- object-c 混编 调用C,C++接口
- 从Unreal Engine 3到Unreal Engine 4