当前位置:首页 > Web开发 > 正文

虽然这样做也有一定的好处

2024-03-31 Web开发

标签:

一、什么是HTML

HTML是一种超文本符号语言

超文本:文本,图片,音频,视频,超链接等

符号:标记,标签 符号是没有逻辑的

构成:

指令

转义字符

标签

目的:完成页面的搭建

HTML页面大抵的构成部分:

<!doctype html>:必需呈此刻页面的最上方,规定该文档给与的html版本类型

<html>:页面标签:包罗所有页面内容,只有head与body两个子标签

<head> :头标签:样式、脚本、后勤操纵:页面编码、页面标签标题图标,主放成果

<body>:体标签:页面显示内容存放区域、样式、脚本,主放内容

简单的一个htm5搭建:

<!DOCTYPE html> <html lang="en"> <!--en会报告浏览器内容为英文,中文为zh,若没有lang则浏览器会按照内容本身解析> <head> <meta charset="UTF-8"> <!--meta 为body里内容的编码的方法--> <title>Title</title> <!--网页的标题--> </head> <body> </body> </html> 二、指令

注释:<!--注释内容-->,还有一种不常用的注释写法<!-注释内容->

<!DOCTYPE> 声明不是一个 HTML 标签;它是用来奉告 Web 浏览器页面使用了哪种 HTML 版本。

<!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前,,<!DOCTYPE>声明奉告浏览器的解析器用什么文档标准解析这个文档(标准模式)。若声明错误或未声明会导致文档以兼容模式/稠浊模式泛起。

<!DOCTYPE> 标签没有结束标签。<!DOCTYPE> 声明不区分巨细写。总是先给 HTML 文档添加 <!DOCTYPE> 声明,确保浏览器能够预先知道文档类型。

三、转义字符

语法:&内容;

常用的转义字符

<: &lt; >: &gt; 空格:&nbsp; 版权:&copy; 四、标签 1.标题标签

? h1~h6:里面内容相对付普通的内容会加粗,且会自动换行

2.段落标签

? p:自带换行,有段落间距

3.文本类型标签

? 配合点都不带换行

? 常用的文本类型标签

b与strong:内容加粗

i与em:内容斜体

sup:上角标

sub:下角标

span:没有什么意义,但是会用来嵌套其他文本暗示配合使用

4.超链接标签

a标签

例如如下一句

<a href =‘,com‘ targe = ‘_slef‘>页面中显示的文本内容</a>

href:里面选择超链接地点,注意如果没加,https://,file://,前缀默认会在本来地点后面添加拼接成一个新的链接

targe:

_self:在原本的窗口打开

_blank:创建一个新窗口打开

_top:笼罩上一笔记录

_parent:笼罩所有的记录

且超链接点击后会在浏览器上生成记录,显示文本颜色会变紫色

5.图片标签 <img title="这是二哈" alt="二哈" src="url">

title:鼠标勾留会显示,也可以用于其他标签当属性

alt:src中的 url响应掉败显示的内容

src:图片的url

6.列表标签

? ul>li:无序标签

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/32731.html