html的基础01


1.什么是网页
2.常用的浏览器有哪些
3.web标准是什么
1.什么是网页




2.常用的浏览器


360.百度那些都是国产浏览器,内核一样,以上六个都是国际浏览器,不同厂商生产(但IE和Edge都是微软公司的)。

chrome和Opera都是比较新的浏览器(08年才有的),所以直接拿比较好的webkit进行二次开发成blink,做了进一步的增强。
国产的生产的更晚,所以就更直接拿别人好的。
3.web标准是什么
一定要遵循w3c标准,它牛就牛在都是自定义标准的



面试重点:w3c标准的构成



HTML标签


有单标签也有双标签

包含关系也就是嵌套





VS Code的使用
1.学会创建html文件。新建后保存为html文件。



本就不属于HTML的内容,就是声明文档类型的


char字符。set集合。charset字符集


HTML常用标签

在什么时候就该放什么样的标签,使得结构更加清晰。
标题标签不仅可以表示标题还会表示重要性排序。


段落标签:<p></p>
换行标签:<br/>



<strong></strong>
<em></em>
网页布局:
span是横着来显示的,一行有很多个span。
div只能占一行,可以认为是超大的盒子,所以这是一个大的div。


图像标签是单标签


修改高度和宽度的时候一般只要修改一个就好了,修改高度他会等比例缩小放大宽度,如果同时修改两个,就是出现画质压缩现象,会有压扁或者拉长高度
border到时候会通过css来设置边框的样式,默认是黑色的。
title:

图像标签必须写在img后面,不能在前面


重点掌握1:src是必须要写的
重点掌握2:出现的时机不一样,alt替换文本,图像显示不出来的时候就会把alt替换文本直接显示到网页中,title提示文本,把鼠标放在图片上才会显示信息。


href必写属性,_self默认值是当前页面打开。href也有格式要求!一定要http://......com



精准定位到目标位置!一定要有#号







绝对路径很少使用。用的是斜杠/。相对路径用的是反斜杠\。


快捷键: ctrl+/ 可以添加注释




HTML标签下






都是通过css来设置表格的属性的


cellpadding是边框里面的文字和边框的距离,cellspacing是边框和边框的距离
除了width还有height可以改变。

th是一个一个单元格,thead是单元区域,一行。thead大于th






这里第三步删掉第三个td。


表格属性是要写进表格标签里面的


列表标签:


ul里面只能写li,不写或者些别的标签都是不规范的

不用在乎前面的小圆点,学习css会去掉的!





不是包含关系,是围绕dt有很多个dd。


表单标签
注册登录的时候会出现



表单域包含很多表单元素









以上代码的意思就是在name中的单选框里只能选一个

因为单选框复选框不显示,页面看不到,只有text文本框才显示。给后台人员处理数据的


checked就是自定义的默认选项





tpye不同属性就是不同形态。


reset可以不用一个个删


增大点击的面积,方便。标签里面必须写上for属性,input里面加id=。













html的基础01的更多相关文章
- javascript基础01
javascript基础01 Javascript能做些什么? 给予页面灵魂,让页面可以动起来,包括动态的数据,动态的标签,动态的样式等等. 如实现到轮播图.拖拽.放大镜等,而动态的数据就好比不像没有 ...
- Androd核心基础01
Androd核心基础01包含的主要内容如下 Android版本简介 Android体系结构 JVM和DVM的区别 常见adb命令操作 Android工程目录结构 点击事件的四种形式 电话拨号器Demo ...
- java基础学习05(面向对象基础01)
面向对象基础01 1.理解面向对象的概念 2.掌握类与对象的概念3.掌握类的封装性4.掌握类构造方法的使用 实现的目标 1.类与对象的关系.定义.使用 2.对象的创建格式,可以创建多个对象3.对象的内 ...
- Linux基础01 学会使用命令帮助
Linux基础01 学会使用命令帮助 概述 在linux终端,面对命令不知道怎么用,或不记得命令的拼写及参数时,我们需要求助于系统的帮助文档:linux系统内置的帮助文档很详细,通常能解决我们的问题, ...
- 可满足性模块理论(SMT)基础 - 01 - 自动机和斯皮尔伯格算术
可满足性模块理论(SMT)基础 - 01 - 自动机和斯皮尔伯格算术 前言 如果,我们只给出一个数学问题的(比如一道数独题)约束条件,是否有程序可以自动求出一个解? 可满足性模理论(SMT - Sat ...
- LibreOJ 2003. 「SDOI2017」新生舞会 基础01分数规划 最大权匹配
#2003. 「SDOI2017」新生舞会 内存限制:256 MiB时间限制:1500 ms标准输入输出 题目类型:传统评测方式:文本比较 上传者: 匿名 提交提交记录统计讨论测试数据 题目描述 ...
- java基础 01
java基础01 1. /** * JDK: (Java Development ToolKit) java开发工具包.JDK是整个java的核心! * 包括了java运行环境 JRE(Java Ru ...
- 081 01 Android 零基础入门 02 Java面向对象 01 Java面向对象基础 01 初识面向对象 06 new关键字
081 01 Android 零基础入门 02 Java面向对象 01 Java面向对象基础 01 初识面向对象 06 new关键字 本文知识点:new关键字 说明:因为时间紧张,本人写博客过程中只是 ...
- 080 01 Android 零基础入门 02 Java面向对象 01 Java面向对象基础 01 初识面向对象 05 单一职责原则
080 01 Android 零基础入门 02 Java面向对象 01 Java面向对象基础 01 初识面向对象 05 单一职责原则 本文知识点:单一职责原则 说明:因为时间紧张,本人写博客过程中只是 ...
- 079 01 Android 零基础入门 02 Java面向对象 01 Java面向对象基础 01 初识面向对象 04 实例化对象
079 01 Android 零基础入门 02 Java面向对象 01 Java面向对象基础 01 初识面向对象 04 实例化对象 本文知识点:实例化对象 说明:因为时间紧张,本人写博客过程中只是对知 ...
随机推荐
- 伪元素选择器,选择器优先级,CSS修改文字属性,CSS修改字体属性,CSS修改其他属性
伪元素选择器 未使用元素选择器的效果 第一行:伪元素选择器:选择部分内容 第二行:伪元素选择器:选择部分内容 伪元素选择器:选择部分内容 伪元素选择器:选择部分内容 ::selection:选择指定元 ...
- 低代码 —— 初步认识 Appsmith
初步认识 Appsmith appsmith 是什么 appsmith 是 github 上的一个开源项目,截至此刻(20220512)有 17.7k Star. Appsmith 是一个低代码.开源 ...
- extcon驱动及其在USB驱动中的应用
extcon,是External Connector的简称,用于抽象外部连接器,比如说Audio Jack.USB MicroB/TypeC接口等.它的原型是Android的switch-class驱 ...
- There appears to be trouble with your network connection. Retrying…
yarn 错误There appears to be trouble with your network connection. Retrying- 原因:yarn超时 解决途径: #查看代理 yar ...
- 课堂测试——HDFS操作
要求: 编程实现以下功能,并利用Hadoop提供的Shell命令完成相同任务: 向HDFS中上传任意文本文件,如果指定的文件在HDFS中已经存在,则由用户来指定是追加到原有文件末尾还是覆盖原有的文件: ...
- 很好用的vscode 插件 Open PHP/HTML/JS In Browser 让php文件直接在浏览器打开
p { font-size: 25px } <body> <h1>安装插件</h1> <img src="https://img2020.cnblo ...
- Fiddler对安卓高版本进行抓包解决方案以及分析 进阶二
今天是2021年的最后一天了,多分享一些干货吧!看过上一章节教程后会有同学疑惑,我也一步一个脚印的,跟着流程走也设置了代理以及安装了证书,有的同学会发现 为什么手机不能够连接网络了呢?细心一点的同学会 ...
- Linux常用操作:文件及文件夹
一.创建 (1)mkdir 创建一个目录 (2)touch 创建一个空文件 注:-r 表示递归操作 二.删除 rm 删除文件 rm -r 删除目录 rm -r * 删除目录下的所有文件 注:-f 不用 ...
- JS:函数的形参与实参
形参: 函数显式参数在函数定义时列出. 函数调用未传参时,参数会默认设置为: undefined. function fn(a,b,c){ //a,b,c为形参 //此时有一个隐式操作:var a,v ...
- ClickHouse(02)ClickHouse架构设计介绍概述与ClickHouse数据分片设计
ClickHouse核心架构设计是怎么样的?ClickHouse核心架构模块分为两个部分:ClickHouse执行过程架构和ClickHouse数据存储架构,下面分别详细介绍. ClickHouse执 ...