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.xdnf.cn/news/145276.html

如若内容造成侵权/违法违规/事实不符,请联系一条长河网进行投诉反馈,一经查实,立即删除!

相关文章

Python绘图系统23:导入多个坐标轴的数据

文章目录 单轴导入多轴导入多文件导入合并导入源代码 Python绘图系统&#xff1a; 前置源码&#xff1a; Python打造动态绘图系统&#x1f4c8;一 三维绘图系统 &#x1f4c8;二 多图绘制系统&#x1f4c8;三 坐 标 轴 定 制&#x1f4c8;四 定制绘图风格 &#x1f4c8;五 数据…

华为乾坤区县教育安全云服务解决方案(2)

本文承接&#xff1a; https://blog.csdn.net/qq_37633855/article/details/133276200?spm1001.2014.3001.5501 重点讲解华为乾坤区县教育安全云服务解决方案的部署流程。 华为乾坤区县教育安全云服务解决方案&#xff08;2&#xff09; 课程地址解决方案部署整体流程组网规划…

AWS SAA知识点整理(作成中)

共通 一些信息已经更新了&#xff0c;但参考题的答案还是旧的。 比如&#xff1a; S3的最大读写性能已经提高到 3,500 PUT/COPY/POST/DELETE or 5,500 GET/HEAD requests per second 并且不再要求使用random prefix 题目中有时候会让选择Not violation 不合适的一项&#xff…

安卓玩机-----给app加注册码 app加弹窗 云注入弹窗

在对接很多工作室业务中有些客户需要在他们自带的有些app中加注册码或者验证码的需求。其实操作起来也很简单。很多反编译软件有自带的注入功能。例如注入弹窗。这个是需要对应的注册码来启动应用。而且是随机id。重新安装app后需要重新注册才可以继续使用&#xff0c;原则上可…

第7讲:v-bind属性绑定,v-model双向绑定,v-on事件监听使用

目录 1.v-bind双向绑定 2.v-model双向绑定 3.v-on事件绑定 一.v-bind双向绑定 1.v-bind 指令可以在其名称后面带一个参数&#xff0c;中间放一个冒号隔开&#xff0c;这个参数通常是HTML元素的特性&#xff08;attribute&#xff09;&#xff0c;Vue官方提供了一个简写方式…

Spring Boot事件机制浅析

1、概述 在设计模式中&#xff0c;观察者模式是一个比较常用的设计模式。维基百科解释如下&#xff1a; 观察者模式是软件设计模式的一种。在此种模式中&#xff0c;一个目标对象管理所有相依于它的观察者对象&#xff0c;并且在它本身的状态改变时主动发出通知。这通常透过呼…

R语言分析:如何轻松地把数据分为三、四、五等份?

有网友问了&#xff0c;我如何对连续型资料进行分组&#xff0c;常见的有按照中位数分组、四分位数分组&#xff0c;甚至分为5组。 这个问题其实很简单的了。 用两个函数&#xff0c;一个是quantile函数&#xff0c;另外一个是cut函数 1. quantile()函数的应用 该函数目的是获得…

基于Web的在线学习平台设计与实现(源码+lw+部署文档+讲解等)

文章目录 前言具体实现截图论文参考详细视频演示为什么选择我自己的网站自己的小程序&#xff08;小蔡coding&#xff09;有保障的售后福利 代码参考源码获取 前言 &#x1f497;博主介绍&#xff1a;✌全网粉丝10W,CSDN特邀作者、博客专家、CSDN新星计划导师、全栈领域优质创作…

Java后端接口编写流程

&#x1f497;wei_shuo的个人主页 &#x1f4ab;wei_shuo的学习社区 &#x1f310;Hello World &#xff01; Java后端接口编写流程 Java后端接口编写流程&#xff0c;更具业务逻辑编写Java后端接口&#xff0c;提供给前端访问 实现逻辑流程 POJO&#xff1a;实体类编写 Data B…

SpringBoot整合RabbitMQ实现延迟队列功能

&#x1f468;&#x1f3fb;‍&#x1f4bb; 热爱摄影的程序员 &#x1f468;&#x1f3fb;‍&#x1f3a8; 喜欢编码的设计师 &#x1f9d5;&#x1f3fb; 擅长设计的剪辑师 &#x1f9d1;&#x1f3fb;‍&#x1f3eb; 一位高冷无情的编码爱好者 大家好&#xff0c;我是 DevO…

SpringBoot——常用注解

Spring Web MVC与Spring Bean注解 Controller/RestController Controller是Component注解的一个延伸&#xff0c;Spring 会自动扫描并配置被该注解标注的类。此注解用于标注Spring MVC的控制器。 Controller RequestMapping("/api/v1") public class UserApiContr…

【计算机视觉】3.传统计算机视觉方法

传统计算机视觉方法 一、大纲图像分割人脸检测行人检测 二、图像分割基于阈值检测的方法基于边缘检测的方法基于区域的分割方法基于图论的分割方法 三、人脸检测四、行人检测五、SVM六、DPM 一、大纲 图像分割 基于阈值、基于边缘 基于区域、基于图论 人脸检测 Haar-like 特征…

IntelliJ IDEA 上 使用git 合并其他分支,合并某一个提交

git 合并其他分支 找到git——>merge… 选择需要合并的分支&#xff0c;不能选和当前分支一样噢 合并&#xff0c;推送即可 合并某个提交到其他分支 点击左下角git——>右键切换分支——>选择需要合并的分支——>选择需要合并的代码——>ch 推送即可

【AI视野·今日NLP 自然语言处理论文速览 第三十八期】Thu, 21 Sep 2023

AI视野今日CS.NLP 自然语言处理论文速览 Thu, 21 Sep 2023 Totally 57 papers &#x1f449;上期速览✈更多精彩请移步主页 Daily Computation and Language Papers Chain-of-Verification Reduces Hallucination in Large Language Models Authors Shehzaad Dhuliawala, Mojt…

Leetcode684. 冗余连接

Every day a Leetcode 题目来源&#xff1a;684. 冗余连接 解法1&#xff1a;并查集 因为需要判断是否两个节点被重复连通&#xff0c;所以我们可以使用并查集来解决此类问题。 代码&#xff1a; /** lc appleetcode.cn id684 langcpp** [684] 冗余连接*/// lc codestart…

LeetCode —— 回溯

77. 组合 给定两个整数 n 和 k&#xff0c;返回范围 [1, n] 中所有可能的 k 个数的组合。 示例&#xff1a;输入&#xff1a;n 4, k 2 输出&#xff1a; [ [1,2], [1,3], [1,4], [2,3], [2,4], [3,4]] class Solution {List<List<Integer>> list new…

【100天精通Python】Day67:Python可视化_Matplotlib 绘制动画,2D、3D 动画 示例+代码

1 绘制2D动画&#xff08;animation&#xff09; Matplotlib是一个Python绘图库&#xff0c;它提供了丰富的绘图功能&#xff0c;包括绘制动画。要绘制动画&#xff0c;Matplotlib提供了FuncAnimation类&#xff0c;允许您创建基于函数的动画。下面是一个详细的Matplotlib动画示…

【AI视野·今日CV 计算机视觉论文速览 第257期】Fri, 29 Sep 2023

AI视野今日CS.CV 计算机视觉论文速览 Fri, 29 Sep 2023 Totally 99 papers &#x1f449;上期速览✈更多精彩请移步主页 Daily Computer Vision Papers Learning to Transform for Generalizable Instance-wise Invariance Authors Utkarsh Singhal, Carlos Esteves, Ameesh M…

升级:远程桌面软件玩游戏指南

你有没有遇到过这样的场景&#xff1a;你想玩一款特定的游戏&#xff0c;但却受到设备功能的限制&#xff1f;这就是游戏远程桌面的概念变得非常宝贵的地方。从本质上讲&#xff0c;它允许您远程利用高端游戏计算机的功能&#xff0c;使您能够在自己的设备上玩游戏。 可以考虑…

面向对象之旅:核心理念、设计方法与UML详解(软件设计师笔记)

&#x1f600;前言 面向对象技术是现代软件工程的核心&#xff0c;为软件设计和开发带来了一种强大且有序的方法。通过将现实世界的实体和概念映射到可操作的代码结构&#xff0c;该技术使我们能够更高效、清晰和可靠地创建复杂的软件系统。在本章中&#xff0c;我们将详细介绍…