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.rhkb.cn/news/147262.html

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

相关文章

【数据结构】堆的应用-----TopK问题

目录 一、前言 二、Top-k问题 &#x1f4a6;解法一&#xff1a;暴力排序 &#x1f4a6;解法二&#xff1a;建立N个数的堆 &#x1f4a6;解法三&#xff1a;建立K个数的堆&#xff08;最优解&#xff09; 三、完整代码和视图 四、共勉 一、前言 在之前的文章中&#xff…

React18入门(第一篇)——JSX、TSX语法详解

文章目录 一、JSX 语法简介二、和 HTML 标签的几点不同三、JSX 属性四、JSX 事件4.1 简单点击事件4.2 类型限制4.3 带参数&#xff0c;箭头函数 五、插入 JS 变量六、JSX 中使用条件判断七、循环 一、JSX 语法简介 JSX - 是 JS 的扩展&#xff0c;写在 JS 代码里面&#xff0c…

计算机算法分析与设计(4)---凸多边形的最优三角划分(含C++代码)

文章目录 一、概述1.1 概念说明1.2 与矩阵连乘对应关系1.3 递归定义 二、代码 一、概述 1.1 概念说明 1. 用多边形顶点的逆时针序列表示凸多边形&#xff0c;即P{V0, V1, … Vn-1, Vn}表示具有n1条边的凸多边形。 2. 若Vi和Vj是多边形上不相邻的两个顶点&#xff0c;则线段ViV…

SEO搜索引擎

利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名&#xff0c;吸引更多的用户访问网站&#xff0c;提高网站的访问量&#xff0c;提高网站的销售能力和宣传能力&#xff0c;从而提升网站的品牌效应 搜索引擎优化的技术手段 黑帽SEO 通过欺骗技术和滥用搜索算法来推销毫不…

Armv8/Armv9 Cache知识大纲分享--思维导图

关键词&#xff1a;cache学习、mmu学习、cache资料、mmu资料、arm资料、armv8资料、armv9资料、 trustzone视频、tee视频、ATF视频、secureboot视频、安全启动视频、selinux视频&#xff0c;cache视频、mmu视频&#xff0c;armv8视频、armv9视频、FF-A视频、密码学视频、RME/CC…

力扣:118. 杨辉三角(Python3)

题目&#xff1a; 给定一个非负整数 numRows&#xff0c;生成「杨辉三角」的前 numRows 行。 在「杨辉三角」中&#xff0c;每个数是它左上方和右上方的数的和。 来源&#xff1a;力扣&#xff08;LeetCode&#xff09; 链接&#xff1a;力扣&#xff08;LeetCode&#xff09;官…

DS线性表之链表

前言 我们上一期介绍了顺序表&#xff0c;它的底层就是数组&#xff0c;我们也分别对顺序表的动态版本和静态版本进行了实现&#xff01;并且分析了顺序表的优缺点&#xff0c;优点是&#xff1a;尾插、尾删效率很高&#xff0c;其时间复杂度是O(1)&#xff1b;缺点是&#xff…

使用 ClassFinal 对 java class 文件进行加密防止反编译

ClassFinal 是一款 java class文件安全加密工具&#xff0c;支持直接加密 jar 包或 war 包&#xff0c;无需修改任何项目代码&#xff0c;兼容 spring-framework&#xff1b;可避免源码泄漏或字节码被反编译 特点 无需修改原项目代码&#xff0c;只要把编译好的jar/war包用本工…

Nginx简介与Docker Compose部署指南

Nginx是一款高性能的开源Web服务器和反向代理服务器&#xff0c;以其卓越的性能、可伸缩性和灵活性而闻名。它在全球范围内广泛用于托管Web应用程序、负载均衡、反向代理和更多场景中。在本文中&#xff0c;我们将首先介绍Nginx的基本概念&#xff0c;然后演示如何使用Docker C…

tortoiseSVN树冲突解决方案

方案一&#xff1a; 手动导出 trunk 上的文件(夹)&#xff0c;把本地目录文件(夹)删了并替换成 trunk上的&#xff0c;再点击测试合并方案二&#xff1a; 如果执行了方案一还是冲突&#xff0c;确认本地和trunk文件一致后&#xff0c;可以跳过冲突的revision

【NLP的python库(03/4) 】: 全面概述

一、说明 Python 对自然语言处理库有丰富的支持。从文本处理、标记化文本并确定其引理开始&#xff0c;到句法分析、解析文本并分配句法角色&#xff0c;再到语义处理&#xff0c;例如识别命名实体、情感分析和文档分类&#xff0c;一切都由至少一个库提供。那么&#xff0c;你…

Linux--socket编程

socket套接字编程 一、服务器和客户端的开发步骤&#xff1a; 1、创建套接字 2、为套接字添加信息&#xff08;ip地址和端口号&#xff09; 3、监听网络连接 4、监听到有客户端接入&#xff0c;接受连接&#xff08;如没有接入&#xff0c;会发生阻塞到&#xff09; 5、数据…

【机器学习】熵和概率分布,图像生成中的量化评估IS与FID

详解机器学习中的熵、条件熵、相对熵、交叉熵 图像生成中常用的量化评估指标通常有Inception Score (IS)和Frchet Inception Distance (FID) Inception Score (IS) 与 Frchet Inception Distance (FID) GAN的量化评估方法——IS和FID&#xff0c;及其pytorch代码

Unity 鼠标悬浮时文本滚动(Text Mesh Pro)

效果 直接将脚本挂载在Text Mesh Pro上&#xff0c;但是需要滚动的文本必须在Scroll View中&#xff0c;否侧会定位错误&#xff0c;还需要给Scroll View中看需求添加垂直或者水平布局的组件 代码 using System.Collections; using System.Collections.Generic; using UnityE…

思科:iOS和iOSXe软件存在漏洞

思科警告说,有人试图利用iOS软件和iOSXe软件中的一个安全缺陷,这些缺陷可能会让一个经过认证的远程攻击者在受影响的系统上实现远程代码执行。 中严重程度的脆弱性被追踪为 CVE-2023-20109 ,并以6.6分得分。它会影响启用Gdoi或G-Ikev2协议的软件的所有版本。 国际知名白帽黑客…

世界前沿技术发展报告2023《世界航天技术发展报告》(二)卫星技术

&#xff08;二&#xff09;卫星技术 1.概述2. 通信卫星2.1 美国太空发展局推进“国防太空体系架构”&#xff0c;持续部署“传输层”卫星2.2 美国军方在近地轨道成功演示验证星间激光通信2.3 DARPA启动“天基自适应通信节点”项目&#xff0c;为增强太空通信在轨互操作能力提供…

c#设计模式-结构型模式 之 组合模式

&#x1f680;简介 组合模式又名部分整体模式&#xff0c;是一种 结构型设计模式 &#xff0c;是用于把一组相似的对象当作一个 单一的对象 。组合模式 依据树形结构来组合对象 &#xff0c;用来表示部分以及整体层&#xff0c;它可以让你将对象组合成树形结构&#xff0c;并且…

【AI视野·今日CV 计算机视觉论文速览 第258期】Mon, 2 Oct 2023

AI视野今日CS.CV 计算机视觉论文速览 Mon, 2 Oct 2023 (showing first 100 of 112 entries) Totally 100 papers &#x1f449;上期速览✈更多精彩请移步主页 Interesting: &#x1f4da;HAvatar,基于神经辐射场的头部合成重建。(from 清华大学) &#x1f4da;GAIA-1, 用于自…

线上Vue项目访问其他服务器接口(宝塔平台配置解决)

前端本地解决跨域问题非常简单&#xff0c;配置代理即可&#xff0c;线上需要配置nginx&#xff0c;宝塔给我们更简单的配置方式&#xff1a;反向代理。 登录进宝塔页面&#xff0c;选择网站&#xff0c;点击网站名&#xff0c;选择反向代理 点击添加反向代理 注意&#xff…

分类预测 | Matlab实现SSA-CNN-SVM麻雀算法优化卷积支持向量机分类预测

分类预测 | Matlab实现SSA-CNN-SVM麻雀算法优化卷积支持向量机分类预测 目录 分类预测 | Matlab实现SSA-CNN-SVM麻雀算法优化卷积支持向量机分类预测分类效果基本描述程序设计参考资料 分类效果 基本描述 1.Matlab实现SSA-CNN-SVM麻雀算法优化卷积支持向量机分类预测&#xff0…