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 ...
随机推荐
- 阿里云Imagine Computing创新技术大赛决赛启幕！
2023年1月,由阿里云与英特尔主办,阿里云天池平台.边缘云.视频云共同承办的"新算力 新体验"Imagine Computing创新技术大赛复赛圆满落幕.经过两个多月的激烈角逐, ...
- 使用IDEA搭建SSM项目
使用IDEA搭建SSM项目 摘要:前几天学习了SSM项目的搭建,但是因为配置过程中出现了问题因此没有搭起来,我最讨厌不确定的事情,因此自己花费了点时间钻研搭建SSM项目的方法,终于习得了SSM项目 ...
- （13）go-micro微服务公用函数开发
目录 一 前言 二 SwapTo 通过json tag 进行结构体赋值 三 UserForResponse 类型转化 四 最后 一 前言 在utils目录中新建一个swap.go文件 swap.go中 ...
- io流概述-一切皆为字节
io流概述 什么是io 生活中,你肯定经历过这样的场景.当你编辑一个文本文件,忘记了ctrl+s,可能文件就白白编辑了当你电脑上插入一个U盘,可以把一个视频,拷贝到你的电脑硬盘里.那么数据都是在哪些设 ...
- Selenium中免登录的实现方法一option
Selenium中免登录的实现方法一option 在selenium中有很多种可以实现网站的免登录,option就是其中的一种做法. 学员在VIP自动化课程中多有涉及. 1. 准备工作 打开一个网站( ...
- 【一句话】CAP原则
首先一句话: 如果出现网络分区(P),持有旧数据的节点是否要继续提供服务,提供就保证了可用(A),但数据不一定新,放弃了C:如果不提供服务,则意味着放弃了可用性A,但是保证数据一致(C). 我的理解: ...
- Consul+SpringCloud微服务（入门三）
1.安装Consul 我是用的是docker进行安装: 拉取镜像 [root@VM-24-4-centos ~]# docker pull consul Using default tag: late ...
- 【Oculus Interaction SDK】（十二）Meta Quest 如何开启透视（Passthrough）
前言 前段时间 Oculus 的 SDK 频繁更新,很多已有的教程都不再适用于现在的版本了.本系列文章的主要目的是记录现版本常见功能的实现方法,便于自己后续开发.当然,不排除我文章刚写完 SDK 又变 ...
- JZOJ 7392. 【2021.11.17NOIP提高组联考】数 (ds)
\(\text{Problem}\) 元素带类型与权值,每次修改权值或类型,求区间每种类型和的 \(k\) 次方和 强制在线 \(\text{Solution}\) 显然简单分块,根据询问需要发现要 ...
- 题解 [SCOI2007]压缩
好题. 显然区间 dp,令 \(f_{l, r}\) 为 \([l, r]\) 之间的最短的长度.如果我们要压缩,那么就要考虑 M 与 R 的位置.由于我们大体是从左往右来转移的,所以显然我们只需要记 ...