HTML的相关知识

1.什么是HTML?基本语法
    HTML: Hyper Text Markup Language (超文本标记语言)

    超文本?超级文本,例如流媒体,声音、视频、图片等。
    标记语言?这种语言是由大量的标签组成。HTML标签参考手册

    任何一个标签都有开始标签和结束标签,例如:
    <标签> :开始标签
    </标签> :结束标签

    HTML严格意义上来只能说是一种规范,一种浏览器上的规范,
    标签语言,不能称为编程语言,因为HTML中没有变量、数据类型
    控制语句if、for,这些都没有。
2.HTML运行在哪?
    运行在浏览器上。
    
    五大主流浏览器:
    IE: 微软
    Firefox:火狐(FF)
    chrome:谷歌
    opera:欧朋
    safari:MAS OS专用(苹果专用浏览器)

    国内前端程序员主要安装三个:
        FF
        IE
        chrome
    前端程序员开发完成之后需要在不同的浏览器上运行程序,以便发现兼容问题。

3.HTML怎么开发
    新建一个.html或者.htm结尾的文件。
    使用记事本打开就能开发,浏览器打开就能运行,不需要编译。

4.什么是web?
    web就是网站开发

5.web程序员包括:
    web前端程序员:
        需要精通:HTML css JavaScript
    web前端页面展示的时候,是需要动态的数据的,这些数据是后台JAVA程序或c++程序提供的

    web后台程序员:
        需要精通:
            后台可能是c语言,c++,JAVA PHP python

    这种系统构架被称为:B/S结构系统。
    B:browser(浏览器)
    S:server(服务器)

6.EditPlus: (需要购买使用权,有30天免费使用期限)
    打开开发(打开.HTML文件进行开发)

7.HTML是哪个组织制定的标准呢?
    w3c,
    html实际上是W3C制定了HTML的规范,每个浏览器生产厂家都会遵守规范。HTML程序员也会按照这个规范去写代码。
    HTML规范目前最高的版本是:HTML5.0,简称H5.
    我们这里学习HTML4.0(主要是学习一下HTML的基础用法。)

    W3C制定了很多规范:
        HTML/XML/http协议/https协议......
    http协议:超文本传输协议,浏览器和web服务器传消息的协议

    为了方便中国web前端程序员的开发,提供大量的帮助文档。为开发提供方便。
        w3school:先出现的,和W3C没有关系
        w3cschool:后出现的,和W3C没有关系

8.B/S结构系统的原理(粗略)
    第一步:用户在浏览器上输入URL(WWW.BAIDU.COM)
    第二步:回车(这一步相当于向服务器发送了一个请求)
        请求:request
        browser(浏览器)-----> server(服务器)
    第三步:服务器会给浏览器一个响应,最终响应一段HTML代码给浏览器,    
    浏览器会给HTML代码进行执行展示一个结果。
        响应:response
        server(服务器)-----> browser(浏览器)
    重点:目前,浏览器向服务器发送请求有两种方式(两种方式没有区别)
        1.用户输入URL
        2.超链接
9. HTML的语法
基础语法不严格,不区分大小写
字符串也要求不严格,可以单引号或双引号,不加引号也可以
<!--这个是告诉浏览器采用那种字符编码方式打开该页面。一般这个编码方式要和自己的文件编码方式相同,不然会乱码-->
<meta charset="utf-8"> 
windows默认均是采用GBKF的简体中文(这是因为windows的是中文)方式打开HTML页面的,而程序员在工作区一般采用utf-8编码格式

10.利用thead,tbody和tfoot将表格分为三部分

11. 图片
<img src="图片的存放当前路径">
开始标签和结束标签之间如果没有内容的话,可以直接把结束标签删除掉,然后在开始标签末尾加 /
width属性:指定图片的宽度,高度会等比例缩放!不要手动设置高度,不然会失真
title属性:设置鼠标悬停时的体式信息
alt属性:用来设置当图片加载失败时的提示信息
1px=1像素

12.超链接
<a href="跳转地址"></a>
href属性:指链接到外部或者本地的路径
<a href="http//:www.baidu.com">百度</a>
target属性:设置最终打开窗口的位置
-blank:新窗口
-self:当前窗口
-parent:当前窗口的父窗口
-top:当前窗口的顶级窗口

13. HBuilderx软件

HBuilderx的下载和安装

此软件可以自动创建html的文件,里面包含其HTML的基本语法组成。

这样就方便多了!

14. HTML 常用标签

  • HTML 提供了6 个等级的网页标题,标题标签<h1> - <h6>

  • <p></p>标签用于定义段落,它可以将整个网页分为若干个段落。

  • 如果希望某段文本强制换行显示,就需要使用换行标签<br />

  • 字体加粗<b></b>

  • 字体倾斜<i></i>

  • 水平线<hr color="red"> </hr>color参数指定颜色

  • 插入字:<ins></ins>

  • 删除字:<del</del>

  • 右上加字:<sup></sup>

  • 右下加字:<sub></sub>

  • font标签:<>

15. HTML 实体符号

  • 空格:<&nbsp>

  • 大于号:<&gt>

  • 小于号:<&lt>

16.表格

表格标签基本格式
  1. <table> </table> 是用于定义表格的标签。
  2. <tr> </tr> 标签用于定义表格中的行,必须嵌套<table> </table>标签中。(tr即 table row)
  3. <td> </td> 用于定义表格中的单元格,必须嵌套<tr></tr>标签中。
  4. 字母td 指表格数据(table data),即数据单元格的内容。
表头标签

<th>标签表示HTML 表格的表头部分(table head 的缩写)

表头标签会使单元格内的文本加粗居中显示。

17.表单

表单用户注册实例

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/91914.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

尚硅谷谷粒商城部分报错问题处理

1、启动报错&#xff1a; 内容&#xff1a; org.springframework.beans.factory.BeanCreationException: Error creating bean with name attrAttrgroupRelationController: Lookup method resolution failed; nested exception is java.lang.IllegalStateException: Failed t…

Redis配置和优化

Redis配置和优化 一 、Redis介绍二、关系数据库和非关系数据库2.1、关系型数据库2.2、 非关系型数据库2.3、 非关系型数据库的产生背景2.4、 关系型数据库和非关系型数据库区别2.5、 总结 三、缓存概念3.1、系统缓存3.2、 缓存保存位置及分层结构3.2.1、DNS缓存3.2.2、 应用层缓…

10.1 File类

前言&#xff1a; java.io包中的File类是唯一一个可以代表磁盘文件的对象&#xff0c;它定义了一些用于操作文件的方法。通过调用File类提供的各种方法&#xff0c;可以创建、删除或者重命名文件&#xff0c;判断硬盘上某个文件是否存在&#xff0c;查询文件最后修改时间&…

【HTML】表格行和列的合并

概述 当我们需要在 HTML 表格中展示复杂的数据时&#xff0c;行和列的合并可以帮助我们实现更灵活的布局和结构。通过合并行和列&#xff0c;我们可以创建具有更多层次和结构的表格&#xff0c;使数据更易于理解和分析。 在 HTML 表格中&#xff0c;我们可以使用 rowspan 和 …

ELK整合springboot(第二课)

一、创建一个springboot的项目 pom文件如下&#xff1a; <?xml version"1.0" encoding"UTF-8"?> <project xmlns"http://maven.apache.org/POM/4.0.0" xmlns:xsi"http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLo…

lv5 嵌入式开发-12 信号灯

目录 1 信号量/灯(semaphore)基本概念 2 信号量&#xff0d;&#xff30;&#xff0f;&#xff36;操作概念 3 三种信号灯 3.1 有名信号灯 3.1.1 打开 3.1.2 关闭 3.1.3 删除 3.2 无名信号灯 3.2.1 初始化 3.2.2 销毁 3.3 信号灯P操作 3.4 信号灯V操作 3.5 示例 …

Visual Studio 中将TAB设置为空格

将TAB设置为空格的原因很多&#xff0c;其中一点是为了统一不同编译器对TAB的解释&#xff0c;防止代码风格在不同编译器下不一致等。 在菜单中选择: 工具-->选项-->文本编辑器--->所有语言-->制表符 在窗口中选择&#xff0c;制表符大小和缩进大小都选为4&#xf…

10.1 国庆节小任务

目录 select实现服务器并发 服务器 客户端 运行现象 select实现服务器并发 服务器 #include<myhead.h>#define PORT 8888 //1024~49151 #define IP "192.168.1.104" //ifconfig查看本机IPint main(int argc, const char *argv[]) {//创建流式…

WiFi网络分析工具Airtool for Mac

Airtool是一款Mac平台上的WiFi网络分析工具&#xff0c;它可以帮助用户监测、分析和管理无线网络。 以下是Airtool的一些主要功能和特点&#xff1a; 实时监测&#xff1a;Airtool可以实时监测当前Mac设备所连接的WiFi网络&#xff0c;包括网络速度、信号强度、连接状态等。信…

Spark SQL

Spark SQL 一、Spark SQL概述二、准备Spark SQL的编程环境三、Spark SQL程序编程的入口四、DataFrame的创建五、DataFrame的编程风格六、DataSet的创建和使用七、Spark SQL的函数操作 一、Spark SQL概述 Spark SQL属于Spark计算框架的一部分&#xff0c;是专门负责结构化数据的…

NIO基础

nio : non-blocking io 非阻塞IO 1. 三大组件 1.1 channel和buffer channel 有点像stream &#xff0c;他就是读写数据的双向通道&#xff0c;可以从channel将数据读入buffer&#xff0c;也可以将buffer的数据写入channel&#xff0c;之前的stream 要么输入&#xff0c;要么…

建筑能源管理(3)——建筑能源监管

为了全面落实科学发展观&#xff0c;提高建筑能源管理水平&#xff0c;进一步降低能源和水资源消耗、合理利用资源&#xff0c;以政府办公建筑和大型公共建筑的运行节能管理为突破口&#xff0c;建立了既有政府办公建筑和大型公共建筑运行节能监管体系&#xff0c;旨在提高政府…

28271-2012 米制超细牙螺纹 公差

声明 本文是学习GB-T 28271-2012 米制超细牙螺纹 公差. 而整理的学习笔记,分享出来希望更多人受益,如果存在侵权请及时联系我们 1 范围 本标准规定了米制超细牙螺纹的公差和标记。 本标准适用于精密仪器和电子设备等领域的螺纹连接。 2 规范性引用文件 下列文件对于本文件…

windows server 2019 、win11安装docker desktop

Docker Desktop Docker Desktop是可以部署在windows运行docker的应用服务&#xff0c;其基于windos的Hyper-V服务和WSL2内核在windos上创建一个子系统(linux)&#xff0c;从而实现其在windows上运行docker。 前提条件 WSL 查看wsl是否安装 我们可以直接在 cmd 或 powershe…

MySql出错点

一、DDL 1.修改表&#xff0c;添加新的字段时&#xff0c;不要加引号 2.在修改表中字段的类型时&#xff0c;会发生数据截断。 像DATETIME 转化为 TIME 二、DML 1.插入和删除的注意点 2.可以通过 select 来协助插入 3.

Linux 基本语句_4_指针和函数

指针函数 顾名思义&#xff0c;即返回值为指针的函数 int * f (int n){int *p NULL;//空指针return p;//返回一个地址 }函数指针 指向函数的指针&#xff0c;每个函数都有自己的入口地址&#xff0c;函数指针专门指向这些地址#include <stdio.h>int max(int a, int b)…

【Linux】完美解决ubuntu18.04下vi不能使用方向键和退格键

今天在刚安装完ubuntu18.04&#xff0c;发现在使用vi命令配置文件时使用方向键并不能移动光标&#xff0c;而是出现一堆奇怪的英文字母&#xff0c;使用退格键也不能正常地删除内容&#xff0c;用惯了CentOS的我已经感觉到ubuntu没有centos用着丝滑&#xff0c;但是没办法&…

【C++】类和对象(中)

一、类的6个默认成员函数 如果一个类中什么成员都没有&#xff0c;简称为空类。但是空类中并不是真的什么都没有&#xff0c;任何类在什么都不写的时候&#xff0c;编译器会自动生成以下 6 个默认成员函数。 默认成员函数&#xff1a;用户没有显式实现&#xff0c;编译器会生成…

5G消息发展的前景与挑战

随着5G技术的快速发展和普及&#xff0c;5G消息正逐渐成为全球通信领域的新焦点。 随着5G技术的快速发展和普及&#xff0c;5G消息正逐渐成为全球通信领域的新焦点。 5G消息发展呈现规模化、产业化趋势 自2020年4月国内三大运营商联合发布5G消息白皮书以来&#xff0c;已经过…

【C语言】通讯录系统实现 (保姆级教程,附源码)

目录 1、通讯录系统介绍 2、代码分装 3、代码实现步骤 3.1、制作菜单menu函数以及游戏运行逻辑流程 3.2、封装人的信息PeoInfo以及通讯录Contact结构体类型 3.3、初始化通讯录InitContact函数 3.4、增加联系人AddContact函数 3.5、显示所有联系人ShowContact函数 3.6、…