web前端、HTML

web前端、HTML
文章目录
- 前端：
- 一、web标准
  1.什么是web标准
  作用
  
  二、网页的基本结构
  1.HTML语言
  2.HTML语言骨架
  3.网页的基础标签
  4.网页常用布局
前端：

一、web标准

 1.什么是web标准

简单理解为网页设计标准,有HTML、css、JavaScript脚本组成。

作用

统一网页显示

市面上面浏然器众多，有一个标准大家都能运行

 二、网页的基本结构

 1.HTML语言

HTML 英文全称是 Hyper Text Markup Language，中文译为“超文本标记语言”，专门用来设计和编辑网页。
- 超文本：一种文本，但是超越了文本的格式，例如不知可以包括文本，还可以包括图片、音/视频、表格、列表、按钮、输入框等信息
- 标记语言：不能用于编程，只能通过不同的标签来标记不同的内容格式来实现网页的基本结构骨架
2.HTML语言骨架
```
DOCTYPE html>

<html lang="en">


<head>
    
    <meta charset="UTF-8">
    
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <title>页面标题title>
head>


<body>
    网页基本结构快捷键
    
body>

html>
```
3.网页的基础标签

标签语法
标题标签
这是一个标题
段落标签
这是一个段落
图片标签
超链接标签

标题
```
<h1>这是一个标题h1>
```
(1)双标签

(2)大小随着标签序列增大而减小（1-6）

(3)加粗效果

(4)单独成行

段落标签
```
<p>这是一个段落。p>
```
(1)段落之间有间隙

(2)单独成行

图片（img或images文件夹）
```
<img src="/images/logo.png" width="258" height="39" alt=""/>
```
单标签

scr放的文件路径

alt替换文本，当图片加载失败时，才显示的文字

width：宽度属性，设置图片的大小时一般只设置宽度或者高度的一种，不建议同时设置宽度和高度

注意事项，路径分类

1）绝对路径：相对于根盘符的路径

2）相对路径：相对于当前页面的路径

超链接
```
<a href="http://www.bing.com" target="_parent">必应a>
```
双标签

页面跳转

跨域传参

注意：
本项目之间的页面跳转

不同项目之间的页面跳转（需要加协议名，比如http）
```
<a href="http://www.bing.com" >这是一个链接a>
```
target=“_parent”：页面在新窗口打开
4.网页常用布局

苟日新，日日新，又日新。
相关阅读:
Leetcode 907. 子数组的最小值之和
 vb圣经加注释
 java基础之浅聊阻塞队列BlockingQueue
检查异常处理方式：1，抛出；2，捕获
 历年上午真题笔记（2014年）
mac解决brew install报错“fatal: not in a git directory“
day02 springmvc
PostgreSQL 16 发布，更可靠更稳健
 【位运算】leetcode 190. 颠倒二进制位
 【调制解调】DSB 双边带调幅
原文地址：https://blog.csdn.net/qq_63196986/article/details/126979493

标签	语法
标题标签	这是一个标题
段落标签	这是一个段落
图片标签
超链接标签

文章目录

前端：

一、web标准

1.什么是web标准

作用

二、网页的基本结构

1.HTML语言

2.HTML语言骨架

3.网页的基础标签

这是一个标题

4.网页常用布局