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. 同一个目标ip在windows下使用tracert正常但是在linux下使用traceroute中间节点不显示?tracert与traceroute原理与抓包分析

    针对第一个问题先说结论 windows的tracert是使用icmp来探路,linux的traceroute是使用udp探测,如果想达到和windows下一个效果,建议使用-I参数或mtr 下面是原理 ...

  2. CentOS下Python管理

    一.升级Python 查看系统版本 cat /etc/redhat-release CentOS Linux release 7.4.1708 (Core) 查看Python版本 python -V ...

  3. 个人冲刺(四)——体温上报app(二阶段)

    冲刺任务:完成用户注册功能和数据库类 RegisterActivity.java package com.example.helloworld; import android.content.Inte ...

  4. 个人冲刺(一)——体温上报app(一阶段)

    任务:完成了体温上报app的整体页面布局 activity_main.xml <?xml version="1.0" encoding="utf-8"?& ...

  5. 【原创】项目四Tr0ll-1

    实战流程 1.nmap枚举 nmap -sP 192.168.186.0/24 nmap -p- 192.168.186.142 nmap 192.168.186.142 -p- -sS -sV -A ...

  6. SAP 复制Client

    原文链接:https://fenginfo.com/102.html 枫竹丹青 SCCL 复制客户端 进入了客户端复制主界面,首先选择参数文件(Selected Profile),虽然此条目为灰色的但 ...

  7. React技巧之发出http请求

    原文链接:https://bobbyhadz.com/blog/react-send-request-on-click 作者:Borislav Hadzhiev 正文从这开始~ 总览 在React中, ...

  8. java中常见的锁

    1.悲观锁 认为别的线程都会修改数据,二话不说先锁上 synchronized 2.乐观锁 乐观豁达,起初不操作.最后修改的时候比对一下版本,不一致再上锁 3.可重入锁 外层锁了之后,内层仍可以直接使 ...

  9. 手写网站服务器~用Python手动实现一个简单的服务器,不借助任何框架在浏览器中输出任意内容

    写在前面的一些P话: 在公司网站开发中,我们往往借助于Flask.Django等网站开发框架去提高网站开发效率.那么在面试后端开发工程师的时候,面试官可能就会问到网站开发的底层原理是什么? 我们不止仅 ...

  10. MySQL通过binlog日志恢复数据

    一.查看下自己的MySQL是否开启了binlog日志 # 是否启用binlog日志 OFF:关闭 ON:开启 show variables like 'log_bin'; 二.开启binlog日志 在 ...