html知识点总结1
1Html指的是超文本（可以加入图片、声音、图画多媒体等内容，超越了文本的限制）标记语言，它用来描述网页的一种语言。.html文件后缀名为.html
2.浏览器是网页显示、运行的平台。常用浏览器IE、火狐（Firefox）、谷歌（Chrome）Safar浏览器（苹果）、Opera浏览器（欧朋）
3.标准
主要包括结构、表现、行为三个方面
注释：
<comment></comment>或 <!-- -->快捷键alt+/
4.<!DOCTYPE>文档类型声明，作用是告诉浏览器使用哪种HTML版本来显示
<!DOCTYPE html>这句话代码意思是当前网页采取的是HTML5版本来显示
<html lang=“en”> 用来定义当前文档显示的语言，告诉浏览器或者搜索引擎这是一个什么网站。1.en 定义语言为英语 2.zh-CN定义语言为中文
<meta charset=”UTF-8”> charset是多个字符的集合，以便计算机识别和存储各种文字，用来规定HTML文档应该使用那种字符编码UTF-8也称为万国码，基本包含了全世界所有国家需要用到的字符，如果不写这句话，会引起乱码
5.标签
标题标签：head缩写， <h1>-<h6>，标题一共有六级，标题文字都会加粗在一行显示，h1到h6由大到小依次递减，
段落标签：paragraph缩写 <p>…</p> 文本在一个段落中会根据浏览器窗口大小自动换行，段落与段落之间留有空隙
换行标签：break缩写 <br> 单个标签，希望某段文本强制换行显示，单个标签<br/>可以带反斜杠也可以不带
文本格式化标签：给文字设置粗体、斜线、下划线效果。1加粗<srtong>…</strong>或<b></b>
2倾斜 <em>..</em>或<i></i> 3删除线<del>…</del>或<s></s> 4下划线<ins>..</ins>或<u></u>
段落缩进blockquote标签：引用的内容向右缩进5个英文字符位置
<blockquote>.. </blockquote>
字体标签：font
<font face=”字体” size=”大小” color=”颜色”><>
<div>和<span>是没有语义的是一个盒子标签
<div></div>自己独占一行,大盒子
<span></span>一行上可以多个<span>,小盒子
图像标签：<img src=”图片路径” alt=“图片显示不出来的时候用文字替换” title=”图片放在图片上的提示文本” width=”宽度” height=”高度” border=”边框粗细”>
目录文件夹：就是普通文件夹
根目录：打开目录文件的第一层就是根目录
相对路径：以引用文件所在位置为参考基础，而建立出的目录路径，简单来说就是图片相对于HTML页面的位置:
同一路径：图片和HTML在同一个位置，则<img src=”baidu.gif”>
下一级路径：图片文件位于HTML文件下一级 如<img src=”images/baidi.gif”>
上一级路径：图片文件位于HTML文件上一级 如<img src=”../baidu.gif”>
绝对路径：指目录下的绝对位置 例如：“D:\web\img\logo.gif” 或完整的网络地址：”htpp://www.itcast.cn/image/logo.gif” 很少使用
5.超链接标签：<a href=”跳转路径” target=”目标窗口弹出方式”>文本或图像</a>
target=”-self”在当前窗口打开，-blank在新一个窗口打开
外部链接：href=”htpp://www.baidu.com”
内部连接：href=”index.html”
下载链接：href=”img.zip”
书签链接：描点链接
在链接文本的的href属性中，设置#名字的形式，如<a href=”#two”>第二</a>
找到目标位置的标签,里面添加一个id属性=刚才的名字，如<h3 id=”two”>第二介绍<>/h3
6特殊标签：
空格 ©版权 ®商标 ¥人民币 < 小于号 >大于号
表格
主要用来用来显示、展示数据
1.基本语法：
<table align=”表格相对周围元素对齐方式” border=”边框” cellpadding=”文字相当于单元格的距离” cellspacing=”单元格之间的距离”>
<tr>
<th>…</th>
..
</tr>
<tr>
<td>…</td>
..
</tr>
…
</table>
- table用于定义表格
- <tr>标签用于定义表格中的行，必须放在table中
- <td>表格的列标记，用于表格中的单元格，单元格的内容，必须放在<tr>中
- <th>表格表头标记，里面的文字会加粗居中显示
- <caption>表格标题标记
- <thead>表格的表头
- <tbody>表格的主体
- <tfoot>表格的页脚
属性
align行内容水平对齐：left/right
valign行内容垂直对齐：top/bottom
2.合并单元格
跨行合并：rowspan 最上侧单元格作为目标单元格，写合并代码
跨列合并：clospan 最左侧单元格为目标单元格，写合并代码
列表
列表用来布局的
- 无序列表
<ul>
<li>…</li>
…
</ul>
<ul>标签里面只能嵌套<li>,<li>相当于一个容器，可以容纳所有元素，属性type：disc实心元、circle空心圆、aquare实心正方形
- 有序列表：
<ol>
<li>..</li>
…
</ol>
属性：type=”1”数字列表 type=“A”大写字母列表 type=”a”小写字母列表 type=”i”小写罗马
Start=”1” 列表前边好的起始位置编号
3 自定义列表
<dl>
<dt>项目1.</dt>
<dd>描述</dd>
<dd>..</dd>
<dt>项目2</dt>
<dd>…</dd>
</dl>
去掉li前面的项目符号（小圆点）：
List-style：none；
表单：表单由表单域、表单控件、提示信息
表单域：form标签，把整个表单元素括起来
<form action=”提交到那个页面，向何处发送表单数据” method=”get
”>
</form>
fieldset标记可以将表单相关元素进行分组,
legend标记为fieldset标记定义域标题
输入<input type=””>
type属性有 text单行文本输入框 password:密码输入框 checkbox 复选框 radio 单选按钮 image图像按钮 submit提交按钮 reset重置按钮 button普通按钮 file文件选择框
name属性为表单元素的名字，单选按钮和复选框要有相同的name值
value属性规定input元素的默认值，框中默认显示
checked属性规定单选按钮复选按钮预先选定
maxlength属性规定输入字段的字符的最大长度
size属性规定输入字段的宽度
<label>标签用于绑定一个表单元素，当点击label标签内的文本时，浏览器就会自动将焦点转到或者选择对应的表单元素上
<label for=”sex”>男</label>
<input type=”radio” name=”sex” id=”sex”>
注意：label标签的for属性应当与相关元素的id属性相同
下拉表单元素
<select>标签定义下拉列表
语法：
<select>
<option>选项一</option>
…
</select>
在option中定义selected=”selected”时，当前项默认为选中状态
文本域元素
当用户输入内容较多的情况下，不能使用文本框框表单了，此时我们可以使用
<textarea>标签，用于输入多行文本输入的控件
语法
<textarea row=”3” cols=”20”>
文本内容
</textarea>
cols是每行的字符数，rows是显示的行数
html知识点总结1相关推荐
- 解释型语言与编译型的必须知识点
解释型语言与编译型的必须知识点 概念: 计算机不能理解直接理解高级语言,只能理解机器语言,所以必须把高级语言翻译成机器语言,计算机才能执行高级语言编写的程序. 翻译的方式有两种: 编译 解释 两种翻译 ...
- YOLOV4知识点分析（二）
YOLOV4知识点分析(二) 数据增强相关-mixup 论文名称:mixup: BEYOND EMPIRICAL RISK MINIMIZATION 论文地址:https://arxiv.org/ab ...
- YOLOV4知识点分析（一）
YOLOV4知识点分析(一) 简 介 yolov4论文:YOLOv4: Optimal Speed and Accuracy of Object Detection arxiv:https://arx ...
- 你需要掌握的有关.NET DateTime类型的知识点和坑位 都在这里
引言 DateTime数据类型是一个复杂的问题,复杂到足以让你在编写[将日期从Web服务器返回到浏览器]简单代码时感到困惑. ASP.NET MVC 5和 Web API 2/ASP.NETCo ...
- 简练软考知识点整理-范围确认易混概念
与确认范围容易混淆的知识点包括,确认范围与核实产品.质量控制.项目收尾,下面进行比较分析. (1)确认范围与核实产品 核实产品是针对产品是否完成,在项目(或阶段)结束时由发起人或客户来验证,强调产品是 ...
- 朴素贝叶斯知识点概括
1. 简述 贝叶斯是典型的生成学习方法 对于给定的训练数据集,首先,基于特征条件独立假设,学习输入/输出的联合概率分布:然后,基于此模型,对于给定的输入x,根据贝叶斯定理求后验概率最大的输出y 术语说 ...
- 计算机二级函数知识,2017年全国计算机二级考试MS Office高级应用知识点：INDIRECT函数...
INDIRECT函数知识点 适用考试:全国计算机二级考试 考试科目:MS Office高级应用 科目知识点:INDIRECT函数 INDIRECT函数立即对引用进行计算,并显示其内容.当需要更改公式中 ...
- python如何创建一个类_python （知识点：类）简单的创建一个类
#!/usr/bin/env python # -*- coding: utf-8 -*- """ Created on Mon Nov 14 01:01:29 2016 ...
- 全国计算机二级vfp知识点,全国计算机二级VFP知识点总结
全国计算机二级 Visual FoxPro 数据库程序设计 --知识点整理资料 文件扩展名及备注文件扩展名 文件 项目 表 程序 单索引 查询 菜单定义格式 扩展名 .pjx .dbf .prg .i ...
- golang sdk后端怎么用_Golang资深后端工程师需要了解的知识点
前提: 因近段时间,我在考虑新的工作机会,并在自己的以往的工作内容做了一些简单的总结,以及部分在面试过程当中遇到了一些新的问题,总结一篇关于Golang工程师针对后端开发的一些知识点. 本文仅作为参考 ...
最新文章
- Playmaker Input篇教程之引入的核心概念
- LeetCode Maximum Product of Word Lengths(位操作)
- redis 都有哪些数据类型？分别在哪些场景下使用比较合适？
- HTML+CSS+JS实现 ❤️响应式团队❤️
- 怎么理解汉罗塔问题_小白理解的汉诺塔中的递归问题
- angularjs -- 页面模板清除
- delphi读取xml中的内容property name传递参数_python3 Json和XML数据解析
- mnist 转图像_解决MNIST图像分类问题
- 计算机组成原理中原码一位乘法
- Linux学习-菜鸟教程知识（一）
- 计算机中含有旧的mf驱动程序,打印机驱动在应用时的小窍门
- 低级程序员和高级程序员的区别
- 苹果微信换行怎么打_苹果手机微信怎么加密,教你几招快速加密
- vue 四级联动 地址联动 vue级联选择
- http请求错误解释
- 【12.9~12.13周报】风雨十年成长之路
- 快乐并成长着的2011年
- S29GL128P Norflash驱动读写分析
- 染色法判断无向图是否为二部图
- c++ 三只小猪称体重(二)