vue学习 第一天 html 基础
1、web标准的构成: 《结构Structure》(对应html文件)、《表现Presentation》(对应css文件) 和《行为Behavior》(对应js)三个方面
2、骨架标签
<html> //根标签
<head></head> //文档头部
<body></body> //文档主题
</html>
3、编译器自动生成的标签作用
1)<!DOCTYPE html>: DOCTYPE文档类型标识。 html表示h5类型。
2)<html lang="en"> lang:当前文档显示的语言。
3)<meta charset="UTF-8"> charset: 必须设置、 字符集设置、 UTF-8固定格式不可小写
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body> </body>
</html>
学习标签
4、标题标签 <h1> ~ <h6> 从大到小
5、段落标签 <p> 、 换行标签<br />
6、文本格式格式化标签
7、布局标签 <div> 和 <span>
1)<div>标签 用来布局,不加样式独占一行, 类似一个大盒子概念。用来存放其他标签
2)<span>标签 用来布局, 一行可多个, 小盒子,可以用于段落文字中。突出文字的标识
8、图像标签<img>
1) src <img>标签的必须属性,用于指定图像文件的路径和名称。
2)图像标签其他属性: 注意alt: 图片不显示,替换文本。 title: 提示文本
9、超链接标签<a></a>
1) href 必须属性。 target目标窗口弹出方式: _self:是默认值当前页面打开, _blank:是新窗口打开。
2)冒点链接 <div id='two'> </div> <a href='#two'>锚点链接</a>
10、注释标签和特殊字符
1)注释标签: <!-- xxx -->
2)特殊字符:
11、表格标签<table>: 多用于后台页面展示数据
1)标签组成: table、thead、tbody、tr、th、td
2)属性及作用
3)合并单元格 rowspan:跨行、 colspan:跨列。
12、列表标签: 无序标签 (ul)、 有序列表 (ol)、 自定义列表 <dl> <dt> <dd>
1)列表标签内只能放 <li> 标签
2)无序列表和有序列表多用在导航栏中
3)自定义列表: 用户对术语或名词进行解释和描述
13、表单标签
1)表单的组成: 表单域 <form>、表单控件和提示信息。
2)表单元素: input 、 select 、 textarea。
3)表单域: 用于收集用户的表单信息和传递。及常用属性
3)表单元素(input) type 属性与属性值
4)元素定义标注标签(lable)
a、可以绑定一个表单元素 属性 for = input 的id值 ,点击<lable>光标自动到<input>上。
5)select下拉表单元素。 <option> 选项标签 option 中如果添加 selected 就是选中状态。
6)textarea文本域元素。 多用于 留言板和反馈。cols属性: 每行多少个字符、rows多少行。
vue学习 第一天 html 基础的更多相关文章
- vue学习第一篇 hello world
计划近期开始学习vue.js.先敲一个hello wolrd作为开始. <!DOCTYPE html> <html lang="en"> <head& ...
- Java基础知识二次学习-- 第一章 java基础
基础知识有时候感觉时间长似乎有点生疏,正好这几天有时间有机会,就决定重新做一轮二次学习,挑重避轻 回过头来重新整理基础知识,能收获到之前不少遗漏的,所以这一次就称作查漏补缺吧!废话不多说,开始! 第一 ...
- vue学习第一天 ------ 临时笔记
学习链接 Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(一)基础知识概述 http://blog.csdn.net/fungleo/article/detai ...
- Vue学习第一天:Vue.js指令系统
1. 如何使用Vue.js? 1.1 直接引入 - <script src="./statics/vue.min.js"></script> - 引入之后在 ...
- java 学习第一篇简单基础
Java基础 Java Java 和C#有着极为相似的语法. 和C#都是面向对象的高级程序语言. JAVA是一个开源,公开的语言,有着极其丰富的开源库和其他资源. JAVA分类 JAVA分SE EE ...
- VUE学习第一天,安装
vue生命周期好文章: http://www.zhimengzhe.com/Javascriptjiaocheng/236707.html
- C#学习第一阶段——语法基础
C#是一门面向对象的编程语言.在面向对象的程序设计方法中,程序由各种相互交互的对象组成.相同种类的对象具有相同的属性,或者说是在相同的class 中的. 例如,以矩形为例,它具有高(len ...
- <寒假逆向学习第一天> 破解基础知识之介绍常见工具和壳的特征
对于我们新手来说,程序是什么语言编写的?程序到底有没有加壳?程序加了什么壳?一直在我们心中充满了疑惑,本文我将根据我的近期学习,总结一下常见的工具和壳的特征. 一:程序是什么语言编译的 从目前接触到程 ...
- python学习第一天 计算机基础知识
目录 什么是编程语言 什么是编程? 为什么要编程? 计算机5大组成分别有什么作用? qq启动的流程? 建议相关学习 课外 什么是编程语言 什么是编程语言? python和中文.英语一样,都是一门语言, ...
- linu学习第一天:基础知识
1 bc 计算器 2 ibase=2 以二进制输入,输出10进制 3 obase=2 输出二进制 4 enable --查看内部命令 5 #第一天的命令 6 enable --查看内部命令 7 ena ...
随机推荐
- [WPF]使用Fody提高效率
下载安装及使用 代码实例 public class Person:INotifyPropertyChanged { public event PropertyChangedEventHandler P ...
- Blazor Pdf Reader PDF阅读器 组件 更新
Blazor Pdf Reader PDF阅读器 组件 https://www.nuget.org/packages/BootstrapBlazor.PdfReader#readme-body-tab ...
- flutter学习第一天笔记-----学习资源总结
- 实操记录之-----Ant Design of Vue 增强版动态合并单元格,自动根据数据进行合并,可自定义横纵向合并
前几天搞了个简易版的动态合并单元格 但是需求有变化,就只能稍微改改了~~ 欢迎路过的各位大佬指出我代码的问题~~~~ 另: 代码执行效率不是很高,如果需要大量渲染更多数据建议可以直接使用原生 < ...
- Python解释器下载与安装
Python解释器下载与安装 一.Python解释器 1.Python的发展方向 web方向,自动化运维,自动化测试,自动化办公,网络爬虫,金融量化,人工智能,机器学习,数据分析 2.Python解释 ...
- python开发云主机类型管理脚本
python开发云主机类型管理脚本 开发flavor_manager.py程序,来完成云主机类型管理的相关操作. 该文件拥有以下功能: 根据命令行参数,创建一个云主机类型,返回response. 查询 ...
- Docker不做虚拟化内核,对.NET有什么影响?
引子 前两天刷抖音,看见了这样一个问题. 问题:容器化不做虚拟内核,会有什么弊端?Java很多方法会跟CPU的核数有关,这个时候调用系统函数,读到的是宿主机信息,而不是我们限制资源的大小. 思考:在我 ...
- R数据分析:孟德尔随机化中介的原理和实操
中介本身就是回归,基本上我看到的很多的调查性研究中在中介分析的方法部分都不会去提混杂,都是默认一个三角形画好,中介关系就算过去了,这里面默认的逻辑就是前两步回归中的混杂是一样的,计算中介效应的时候就自 ...
- 前端如何实现将多页数据合并导出到Excel单Sheet页解决方案|内附代码
前端与数据展示 前后端分离是当前比较盛行的开发模式,它使项目的分工更加明确,后端负责处理.存储数据;前端负责显示数据.前端和后端开发人员通过接口进行数据的交换.因此前端最重要的能力是需要将数据呈现给用 ...
- ChatGPT:好家伙,每个人内心的一块魔镜
这几天最火的话题就是ChatGPT,人人都在聊,人人都在社交圈或者vlog里面分享使用ChatGPT的聊天截图. 众生有众生相,每个人对这个AI工具有不同的感受和反应.我个人是非常接受ChatGPT, ...