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

  1. javascript基础01

    javascript基础01 Javascript能做些什么? 给予页面灵魂,让页面可以动起来,包括动态的数据,动态的标签,动态的样式等等. 如实现到轮播图.拖拽.放大镜等,而动态的数据就好比不像没有 ...

  2. Androd核心基础01

    Androd核心基础01包含的主要内容如下 Android版本简介 Android体系结构 JVM和DVM的区别 常见adb命令操作 Android工程目录结构 点击事件的四种形式 电话拨号器Demo ...

  3. java基础学习05(面向对象基础01)

    面向对象基础01 1.理解面向对象的概念 2.掌握类与对象的概念3.掌握类的封装性4.掌握类构造方法的使用 实现的目标 1.类与对象的关系.定义.使用 2.对象的创建格式,可以创建多个对象3.对象的内 ...

  4. Linux基础01 学会使用命令帮助

    Linux基础01 学会使用命令帮助 概述 在linux终端,面对命令不知道怎么用,或不记得命令的拼写及参数时,我们需要求助于系统的帮助文档:linux系统内置的帮助文档很详细,通常能解决我们的问题, ...

  5. 可满足性模块理论(SMT)基础 - 01 - 自动机和斯皮尔伯格算术

    可满足性模块理论(SMT)基础 - 01 - 自动机和斯皮尔伯格算术 前言 如果,我们只给出一个数学问题的(比如一道数独题)约束条件,是否有程序可以自动求出一个解? 可满足性模理论(SMT - Sat ...

  6. LibreOJ 2003. 「SDOI2017」新生舞会 基础01分数规划 最大权匹配

    #2003. 「SDOI2017」新生舞会 内存限制:256 MiB时间限制:1500 ms标准输入输出 题目类型:传统评测方式:文本比较 上传者: 匿名 提交提交记录统计讨论测试数据   题目描述 ...

  7. java基础 01

    java基础01 1. /** * JDK: (Java Development ToolKit) java开发工具包.JDK是整个java的核心! * 包括了java运行环境 JRE(Java Ru ...

  8. 081 01 Android 零基础入门 02 Java面向对象 01 Java面向对象基础 01 初识面向对象 06 new关键字

    081 01 Android 零基础入门 02 Java面向对象 01 Java面向对象基础 01 初识面向对象 06 new关键字 本文知识点:new关键字 说明:因为时间紧张,本人写博客过程中只是 ...

  9. 080 01 Android 零基础入门 02 Java面向对象 01 Java面向对象基础 01 初识面向对象 05 单一职责原则

    080 01 Android 零基础入门 02 Java面向对象 01 Java面向对象基础 01 初识面向对象 05 单一职责原则 本文知识点:单一职责原则 说明:因为时间紧张,本人写博客过程中只是 ...

  10. 079 01 Android 零基础入门 02 Java面向对象 01 Java面向对象基础 01 初识面向对象 04 实例化对象

    079 01 Android 零基础入门 02 Java面向对象 01 Java面向对象基础 01 初识面向对象 04 实例化对象 本文知识点:实例化对象 说明:因为时间紧张,本人写博客过程中只是对知 ...

随机推荐

  1. 伪元素选择器,选择器优先级,CSS修改文字属性,CSS修改字体属性,CSS修改其他属性

    伪元素选择器 未使用元素选择器的效果 第一行:伪元素选择器:选择部分内容 第二行:伪元素选择器:选择部分内容 伪元素选择器:选择部分内容 伪元素选择器:选择部分内容 ::selection:选择指定元 ...

  2. 低代码 —— 初步认识 Appsmith

    初步认识 Appsmith appsmith 是什么 appsmith 是 github 上的一个开源项目,截至此刻(20220512)有 17.7k Star. Appsmith 是一个低代码.开源 ...

  3. extcon驱动及其在USB驱动中的应用

    extcon,是External Connector的简称,用于抽象外部连接器,比如说Audio Jack.USB MicroB/TypeC接口等.它的原型是Android的switch-class驱 ...

  4. There appears to be trouble with your network connection. Retrying…

    yarn 错误There appears to be trouble with your network connection. Retrying- 原因:yarn超时 解决途径: #查看代理 yar ...

  5. 课堂测试——HDFS操作

    要求: 编程实现以下功能,并利用Hadoop提供的Shell命令完成相同任务: 向HDFS中上传任意文本文件,如果指定的文件在HDFS中已经存在,则由用户来指定是追加到原有文件末尾还是覆盖原有的文件: ...

  6. 很好用的vscode 插件 Open PHP/HTML/JS In Browser 让php文件直接在浏览器打开

    p { font-size: 25px } <body> <h1>安装插件</h1> <img src="https://img2020.cnblo ...

  7. Fiddler对安卓高版本进行抓包解决方案以及分析 进阶二

    今天是2021年的最后一天了,多分享一些干货吧!看过上一章节教程后会有同学疑惑,我也一步一个脚印的,跟着流程走也设置了代理以及安装了证书,有的同学会发现 为什么手机不能够连接网络了呢?细心一点的同学会 ...

  8. Linux常用操作:文件及文件夹

    一.创建 (1)mkdir 创建一个目录 (2)touch 创建一个空文件 注:-r 表示递归操作 二.删除 rm 删除文件 rm -r 删除目录 rm -r * 删除目录下的所有文件 注:-f 不用 ...

  9. JS:函数的形参与实参

    形参: 函数显式参数在函数定义时列出. 函数调用未传参时,参数会默认设置为: undefined. function fn(a,b,c){ //a,b,c为形参 //此时有一个隐式操作:var a,v ...

  10. ClickHouse(02)ClickHouse架构设计介绍概述与ClickHouse数据分片设计

    ClickHouse核心架构设计是怎么样的?ClickHouse核心架构模块分为两个部分:ClickHouse执行过程架构和ClickHouse数据存储架构,下面分别详细介绍. ClickHouse执 ...