Normalmente, quando navegamos na Internet, devemos ter visto páginas da Web. Cada página da Web constitui o site que navegamos. Em termos oficiais, é: uma página da Web é o elemento básico de um site e uma plataforma para transportar várias aplicações de um site . As páginas da Web são geralmente arquivos no formato HTML que são lidos por meio de um navegador, portanto, o sufixo do arquivo é geralmente .htmlou .htmo navegador que usamos é apenas um aplicativo usado para recuperar, exibir e transmitir recursos de informações da Web . Pense em nossos navegadores comumente usados: Navegador IE, navegador Firefox, navegador Google, navegador 360, navegador Sogou, etc.
HTML
Depois de falar sobre a composição das páginas da Web, vamos falar sobre os arquivos HTML em detalhes. HTML não é uma linguagem de programação, mas uma linguagem de marcação de hipertexto (Hyper Text Markup Language) é uma linguagem usada para descrever páginas da Web. Em geral, uma linguagem de marcação é um Conjunto de rótulos marcados
padrões da web
O padrão web é composto por uma série de padrões desenvolvidos pela organização W3C (World Wide Web Consortium) e outras organizações de padronização
: estrutura, desempenho, comportamento
Estrutura básica de HTML
<!DOCTYPE html> 文档类型的声明
<html lang="ch-ZH"> 跟标签:html lang:定义文档的显示语言
<head> 头部标签:head
<meta charset="UTF-8"> 多个字符的集合,计算机能够储存和识别的文字
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML的基本结构</title> 文档的标题:title
</head>
<body> 主体标签:body
</body>
</html>
O sufixo do arquivo HTML deve ser .htmlou o htmnavegador lê o conteúdo do arquivo HTML e o analisa pelo navegador
Tags HTML comuns
<body>
<h1>我的第一个网页</h1> h1~6标题标签 有6个等级
<h2>好好学习!天天向上!</h2>
<strong>好好学习!天天向上!</strong> 字体加粗标签
<em>好好学习!天天向上!</em> 字体斜体标签
<del>好好学习!天天向上!</del> 删除线标签
<ins>好好学习!天天向上!</ins> 下划线标签
<br> 换行标签 这是一个单标签
<p>好好学习!天天向上!</p> 段落标签
</body>
A tag usada pela imagem no arquivo HTML é <img src="图像的URL" alt="">scr, que é um atributo obrigatório da tag img.
O URL da
imagem pode ser um caminho absoluto ou um caminho relativo !! A caixa da tag da imagem
Há uma imagem chamada "seu nome.jpg" no meu arquivo de destino Para exibi-lo no código da página da web
:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>示例</title>
</head>
<body>
<img src="../vscode作业/2020.10.21/你的名字.jpg" alt="你的名字" title="你的名字" weight=400 height="400" border=5>
</body>
</html>
Resultados da web:
