HTML的相关知识

生信学习小达人

已于 2023-09-26 22:35:58 修改

阅读量760

点赞数 3

分类专栏： html 文章标签： html 前端

于 2023-09-26 20:20:06 首次发布

本文链接：https://blog.csdn.net/hgz2020/article/details/133321792

版权

html 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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的基本语法组成。