Exibição de código

<!DOCTYPE html>
<html>
<!--告诉浏览器html从这里开始-->
<head>
 	<meta charset='UTF-8'>
 	<title>这是标题，会显示在浏览器的标题栏</title>
 	<style type='text/css'><!--属性type可以告诉浏览器你在使用什么类型-->  
 	<!--body{}里不能有注释，这里是为了方便阅读添加了注释-->
   	body{background-color:#d2b48c;<!--设置背景颜色为土黄色,#d2b48c是十六进制代码-->
  		 margin-left:20%;<!--页面左边距占页面的20%-->
 		 margin-right:20%;
    		 border:2px dotted black;<!--定义页面主体周围的边框是虚线，颜色为黑色-->
    		 padding:10px 10px 10px 10px;<!--在页面主体周围创建一些页边距(顺时针)-->
   		 font-family:sans-serif;}<!--定义文本使用的字体--> 
</style>
</head>
<!--这是注释，内容不会显示在浏览器中-->
<body>
	<!--body的内容会显示在浏览器中-->
	<h1 align='center'>这是标题</h1><!--描述标题在页面居中-->
	<hr /><!--创建一条水平线在h1和h2中间-->
	<h2>这是标题</h2>
 	<h3>这是标题</h3>
	<h4>这是标题</h4>
 	<h5>这是标题</h5>
 	<h6>这是标题</h6><!--描述文本为粗体，且数字越大，字号越小-->
	<p id='指定内容'>这是段落<br />段落的行数随浏览器窗口大小改变</p>
 	<!--br标签描述换行-->
 	<img src='1.jpg'>
	<a href='http://www.baidu.com'>百度一下，你就知道</a>
 	<a href='1.jpg'>你懂的</a><!--href指向相同文件夹中的页面-->
 	<a href='../python/猜数游戏.py'>嘿嘿嘿</a>
 	<a href='#指定内容' target='_blank'>111</a><!--在新窗口打开链接，并且页面滚动到<p>处-->
 	<q>用于短引用，作为现有段落的一部分，有的浏览器会把引用内容加上双引号</q>
	<blockquote>用于长引用，创建了单独的一个文本块,还把文字稍稍缩进，使它更像一个引用。</blockquote>
 	<blockquote>现在在段落里放入<br>标签，表示换行</blockquote>
 	<em>元素告诉浏览器把其中的文本表示为强调的内容。 对于所有浏览器来说，这意味着要把这段文字用斜体来显示。</em>
	<strong>标记你希望的特别强调的文本，加粗显示</strong>
	<ol><!--创建一个有序列表-->
  		<li>北京</li>
 		<li>上海</li>
  		<li>广州</li>
  		<li>深圳</li>
 	</ol>
 	<ul><!--创建一个无序列表-->
 		<li>北京</li>
  		<li>上海</li>
  		<li>广州</li>
  		<li>深圳</li>
 	</ul>
	<dl>
  		<dt>列表中每一项都有一个定义术语< dt ></dt>
  		<dd>和一个定义描述< dd ></dd>
 	</dl> 
 	<p>我们在每天早上 <time>9:00</time> 开始营业。</p>
 	<p>我在 <time datetime="2016-02-14">情人节</time> 有个约会。</p>
 	<!--time告诉浏览器这个内容是一个时间或日期，或者同时包含时间和日期-->
 	 <pre>
 		希望浏览器按你的输入方式原样输入文本时，使用这个元素来指定文本的格式
 	</pre>
 	<code>
	 显示计算机程序代码
 	</code>
</body>
</html>

Conteúdo complementar

1. elemento <a>

1. Atributo href da sintaxe: <a href = "valor>> xxx </ a>
value: URL do hiperlink. Valores possíveis:

Pontos absolutos de URL para outro site (por exemplo, href = "http://www.example.com/index.htm")
URL relativo aponta para um arquivo dentro do site (href = "" index.htm ")
Âncora - aponta para o
caminho relativo da âncora (href = "# top") na página :
Link para a imagem (1.jpg) na subpasta (b) da pasta atual (a): <a href ='b / 1.jpg'> 1 </ a>
Link para a imagem (2.jpg) na pasta pai (c) da pasta atual (a): <a href ='… / 2.jpg'> 2 </ a>
Toda vez que você usar '…' irá para A pasta de nível superior; portanto, se você quiser fazer upload de dois níveis de pasta, poderá inserir '… /…'

2. Atributo do título da sintaxe: <a href = "value1" title = "val22>> xxx </ a>
valor: value2 descreve as informações gerais do site vinculado por value1.
Função: Quando o usuário passa o mouse sobre xxx, ele exibirá o valor 2. Para pessoas com deficiência visual, o navegador pode ler o título do link em voz alta. Outro: você pode adicionar um atributo title a qualquer elemento!

Atributo 3.id
Função: Você pode vincular ao conteúdo especificado de outra página da web.
Como usar:

Determine o destino a ser vinculado, geralmente o título da página de destino, adicione id = 'conteúdo especificado' ao código-fonte da página de destino, por exemplo <h1 id='指定内容'>, observe que o ID de destino desse conteúdo especificado deve ser exclusivo!
Adicionado no elemento <a> da página original <a href='目标网页的URL#指定内容'>. Se o conteúdo especificado estiver na página da web original, você poderá omitir o URL da página de destino em href.
Clique no link da página de destino no momento. O navegador rolará automaticamente a página de destino para o conteúdo especificado.

Atributo 4.target
Função: Abra o link em uma nova janela
Sintaxe:<a target='_blank' href='xxx'>xxxx</a>
Insira a descrição da imagem aqui

2. Elemento Elemento

Indica uma quebra de linha.
Elemento = tag inicial + conteúdo + tag final
<br> <br> não tem conteúdo e é um elemento nulo. <img> também é um elemento nulo.

3. Elementos de bloco e elementos em linha

Elementos do bloco: <h1>, <h2>… <p>, <blockquote>
Cada elemento do bloco é exibido separadamente, como se houvesse quebras de linha antes e depois, e o conteúdo é exibido em blocos.

Funções embutidas: <q>, <a>, <em> são
exibidas no parágrafo.

4. Crie uma lista

Etapa 1: Coloque cada item da lista no elemento <li>.
Etapa 2: coloque os itens da lista com <ol> ou <ul>.
<ol> indica uma lista ordenada
<ul> indica uma lista não ordenada
* Além das listas ordenadas e não ordenadas, há uma lista de definições:

<dl>
 	<dt>列表中每一项都有一个定义术语</dt>
  	<dd>和一个定义描述</dd>
</dl>

5. Entidades de caráter

Quando precisamos exibir <e> no navegador ou queremos usar um determinado caractere na página da Web, mas seu editor não pode inserir (como caracteres de direitos autorais), você precisa usar a entidade de caractere, que é a abreviação correspondente do símbolo. As entidades de caracteres podem ser encontradas em www.unicode.org e www.w3cschools.com.
Por exemplo:

<的缩写是"&lt ;"
>的缩写是"&gt ;"
< html >可以写成&lt;html&gt;

6. elemento <pre>

O texto pré-formatado pode ser definido. O texto incluído no elemento pré geralmente mantém espaços e quebras de linha. O texto também será renderizado como uma fonte monoespaçada.
Um aplicativo comum da marca <pre> é representar o código fonte de um computador.
Tags que podem causar a quebra de parágrafos (como títulos, tags <p> e <endereço>) não devem ser incluídas no bloco definido por <pre>.

7. URL

Insira a descrição da imagem aqui

Caminho absoluto: informe ao servidor como acessar uma página ou arquivo específico da sua pasta raiz. Por exemplo, a pasta raiz é ae a página c que você precisa está na subpasta b de a, portanto, o caminho absoluto é "/ b / c".
Se o navegador solicitar um diretório (pasta) do servidor em vez de um arquivo, como http://www.xxx.com/image ou http://www.xxx.com/, o servidor da Web tentará encontrar o O arquivo padrão, geralmente o nome do arquivo padrão é "index.html" ou "default.hml"; se o servidor encontrar esse arquivo, ele será devolvido ao navegador para exibição.
Portanto, para retornar um arquivo por padrão do diretório raiz (ou qualquer outro diretório), basta nomear o arquivo "index.html" ou "default.hml"
Mas às vezes não temos "/" no final da solicitação. Quando o servidor da Web recebe uma solicitação sem "/" no final e esse diretório existe, o servidor adiciona automaticamente "/" ao final, o que permitirá ao servidor encontrar um padrão Arquivo e, finalmente, retorne esse arquivo.