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 基础的更多相关文章

  1. vue学习第一篇 hello world

    计划近期开始学习vue.js.先敲一个hello wolrd作为开始. <!DOCTYPE html> <html lang="en"> <head& ...

  2. Java基础知识二次学习-- 第一章 java基础

    基础知识有时候感觉时间长似乎有点生疏,正好这几天有时间有机会,就决定重新做一轮二次学习,挑重避轻 回过头来重新整理基础知识,能收获到之前不少遗漏的,所以这一次就称作查漏补缺吧!废话不多说,开始! 第一 ...

  3. vue学习第一天 ------ 临时笔记

    学习链接 Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(一)基础知识概述 http://blog.csdn.net/fungleo/article/detai ...

  4. Vue学习第一天：Vue.js指令系统

    1. 如何使用Vue.js? 1.1 直接引入 - <script src="./statics/vue.min.js"></script> - 引入之后在 ...

  5. java 学习第一篇简单基础

    Java基础 Java Java 和C#有着极为相似的语法. 和C#都是面向对象的高级程序语言. JAVA是一个开源,公开的语言,有着极其丰富的开源库和其他资源. JAVA分类 JAVA分SE EE ...

  6. VUE学习第一天，安装

    vue生命周期好文章: http://www.zhimengzhe.com/Javascriptjiaocheng/236707.html

  7. C#学习第一阶段——语法基础

    C#是一门面向对象的编程语言.在面向对象的程序设计方法中,程序由各种相互交互的对象组成.相同种类的对象具有相同的属性,或者说是在相同的class 中的.       例如,以矩形为例,它具有高(len ...

  8. <寒假逆向学习第一天> 破解基础知识之介绍常见工具和壳的特征

    对于我们新手来说,程序是什么语言编写的?程序到底有没有加壳?程序加了什么壳?一直在我们心中充满了疑惑,本文我将根据我的近期学习,总结一下常见的工具和壳的特征. 一:程序是什么语言编译的 从目前接触到程 ...

  9. python学习第一天 计算机基础知识

    目录 什么是编程语言 什么是编程? 为什么要编程? 计算机5大组成分别有什么作用? qq启动的流程? 建议相关学习 课外 什么是编程语言 什么是编程语言? python和中文.英语一样,都是一门语言, ...

  10. linu学习第一天：基础知识

    1 bc 计算器 2 ibase=2 以二进制输入,输出10进制 3 obase=2 输出二进制 4 enable --查看内部命令 5 #第一天的命令 6 enable --查看内部命令 7 ena ...

随机推荐

  1. [Untiy]贪吃蛇大作战（二）——规则界面

    游戏规则界面: 从界面上可以看出,一共有三个按钮,两个切换按钮和一个退出按钮. 一共三张规则图片Sprite,我们通过设置其是否为Active来控制显示,其控制脚本代码如下: using System ...

  2. 题解P3847 [TJOI2007]调整队形

    简要题意 给出一个长度为 \(n\) 的序列 \(A\),你需要执行下面的操作,将这个序列变成回文序列: 在序列左右侧或中间插入一个元素,元素数值任意. 删除一个元素. 更改一个元素的值. \(1 \ ...

  3. Entrypoint undefined = index.html html-webpack-plugin 错误ERROR in Error: Child compilation failed: Module build failed (from ./node_modules/html-webpack-plu SyntaxError: Unexpected token )

    Entrypoint undefined = index.html html-webpack-plugin 错误 ERROR in Error: Child compilation failed: M ...

  4. Kubernetes(k8s)控制器(二)：DaemonSet

    目录 一.系统环境 二.前言 三.DaemonSet 概览 四.创建DaemonSet 4.1 创建daemonset 让其在k8s集群所有worker节点运行pod 4.2 创建daemonset让 ...

  5. 二、typora软件的安装与markdown语法

    目录 一.typora软件的安装与使用 1.软件的安装 2.破解使用的方法 3.功能描述(markdown语法讲解) 标题 小标题 语言环境 表格 表情 图片 查看源代码 数学公式 流程图 高亮文本 ...

  6. 【已解决】rust 报错 no_std can't find crate for `test` || vscode 工作区多文件夹

    遇到下面的问题,请修改vscode的设置文件 如下 { "rust-analyzer.checkOnSave.allTargets": false, "rust-anal ...

  7. 面向对象程序设计（三）：C++模板operator Type类型转换

    学习算法的时候遇到了一个不认识的写法,去网上查了查,看到有一篇写的挺好的,转载过来了 C++隐式类型转换运算符operator type()用法详解 对象向基本数据类型转换: 点击查看代码 #incl ...

  8. redis-04配置文件

    1.daemonize no # By default Redis does not run as a daemon. Use 'yes' if youneed it.# Note that Redi ...

  9. Spring 01 统一资源加载策略 Resource和ResourceLoader

    转:https://www.cnblogs.com/loveLands/articles/10797772.html 1 Resource统一资源 1.1 简介 处理外部资源是很繁琐的事情,我们可能需 ...

  10. C# File、FileInfo、Directory、DirectoryInfo

    本文主要介绍文件类.文件信息类.目录类.目录信息类的常用属性和方法 1.File(文件类) // 1.判断文件是否存在 bool isFileExist = File.Exists(@"D: ...