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…

《数据结构、算法与应用C++语言描述》-栈的应用-离线等价类问题

离线等价类问题 问题描述 等价类&#xff1a;假定一个具有n个元素的集合U1&#xff0c;2&#xff0c;…&#xff0c;n和一个具有r个关系的集合 R &#xff08; i 1 &#xff0c; j 1 &#xff09;&#xff0c;&#xff08; i 2 &#xff0c; j 2 &#xff09;&#xff0c; ……

推出全新AIGameFi,SCF金融公链FinSOUL促进元宇宙发展

在被誉为元宇宙元年的2021年&#xff0c;SCF&#xff08;Standard Cross Finance&#xff09;金融公链正着眼于打造一项开创性的项目&#xff0c;推出创新的金融公链生态&#xff0c;并期待成为元宇宙2.0的先锋。虽然2021年见证了元宇宙项目的强势崛起&#xff0c;但在SCF金融公…

Vue定义全局组件的方式

Vue.js是一种流行的JavaScript框架&#xff0c;用于构建交互式的Web应用程序。Vue提供了一种简单而灵活的方式来定义和使用组件。在本文中&#xff0c;我们将探讨Vue中定义全局组件的三种方式&#xff0c;让你能够更好地理解和使用Vue组件。 引言 组件是Vue应用程序的基本构建…

【C++】class的设计与使用(十)重载iostream运算符

希望对某个类对象进行读写操作&#xff0c;直接cout<<类对象<<endl;或cin>>类对象;编译器会报错&#xff0c;所以我们必须提供一份重载的input/output运算符&#xff1a; 重载ostream运算符 ostream& operator<<(ostream &os, const Triangu…

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;查询文件最后修改时间&…

MySQL数据库基础与概念解析

在如今这个信息爆炸的时代,数据成了我们生活中不可或缺的一部分。但是,数据本身并没有太大的价值,真正重要的是我们如何管理和利用这些数据。这就引出了数据库这一概念,一个系统化、高效的数据管理工具。 特别是在复杂的应用场景中,比如游戏《三国志》系列,一个好的数据…

【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…

Debian跳过grub页面

nano /etc/default/grub将GRUB_TIMEOUT的值改为0 将GRUB_CMDLINE_LINUX_DEFAULT的值改为"quiet splash" 如果要禁用开局日志的话&#xff0c;将GRUB_CMDLINE_LINUX_DEFAULT的值改为"quiet splash loglevel0" update-grub

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[]) {//创建流式…

本次CTF·泰山杯网络安全的基础知识部分(二)

简记23年九月参加的泰山杯网络安全的部分基础知识的题目&#xff0c;随时补充 15&#xff08;多选&#xff09;网络安全管理工作必须坚持“谁主管、谁负责&#xff0c;谁运营、谁负责&#xff0c;谁使用、谁负责”的原则&#xff0c;和“属地管理”的原则 谁主管、谁负责&…

WiFi网络分析工具Airtool for Mac

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

Greenplum 对比 Hadoop

Greenplum属于MPP架构&#xff0c;和Hadoop一样都是为了解决大规模数据的并行计算而出现的技术&#xff0c;两者的相似点在于&#xff1a; 分布式存储&#xff0c;数据分布在多个节点服务器上分布式并行计算框架支持横向扩展来提高整体的计算能力和存储容量都支持X86开放集群架…

8、表格标签

8、表格标签 一、为什么使用表格 简单通用结构稳定 二、基本结构 &#xff08;一&#xff09;单元格 &#xff08;二&#xff09;行 行的英语是rows所以&#xff0c;行就用tr表示 &#xff08;三&#xff09;列 使用td表示 &#xff08;四&#xff09;跨行 &#xff…

蓝桥等考Python组别九级002

第一部分:选择题 1、Python L9 (15分) 运行下面程序,可以输出几行“*”?( ) for i in range(5): for j in range(6): print(*, end = ) print() 3456正确答案:C 2、Python L

Spark SQL

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