HTML_基本内容

最新推荐文章于 2024-08-28 13:50:33 发布

时间暂停出售

最新推荐文章于 2024-08-28 13:50:33 发布

阅读量50

点赞数

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

本文链接：https://blog.csdn.net/2301_78549935/article/details/132241202

版权

HTML 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

1.HTML指超文本标记语言

HTML以html或htm为后缀，现在都用html，建议小写
浏览器作用：解析HTML代码，查看网页效果
文档类型声明作用：告诉浏览器按当前标准解析代码（没有就按浏览器自己标准解析）

<!DOCTYPE html>：document type 文档类型声明，版本很多，
现在都用H5（XHTML是严格的HTML，需要区分大小写，且单标记/不能省略）

<html lang="en">:language语言，zh-CN中文

<title>网页标题</title>：一个网页只有一个标题

<meta>是文档级元数据，用来表示那些不能由其他HTML元相关元素（<base>,<link>,<script>,<style>或<title>）之一表示的任何元数据。

作用：用来传达信息。

例如：字符集（<meta charset="UTF-8">,常用的编码格式：gbk  ascII）
例子： <meta name=“viewport” content=“width=device-width,initial-scale=1.0">
name指元数据名称；content：指元数据的内容，viewport指视口（适配移动端）
<meta name=“description“ content=“小米手机。。。。”。（描述网站）
<meta name=“keywords“ content=“小米手机。。。。”   （利于SEO）
<meta http-equiv=“X-UA-Compatible“ content=“IE=edge” （适配浏览器）

2.标签标记元素

标签（tag）：是尖括号包含的关键词

双标记：封闭类型标记。
单标记：非封闭性标记空标记.

元素：“HTML标签”和“HTML元素”通常都是描述同样的意思。

严格来讲，一个HTML元素包含了开始标签和结束标签。

例子：<p>段落</P>  
例子：<meta/> 单标记的/可以省略

3.HTML属性

语法：属性=属性值，单标记写在前面，双标记写在开始标记中，
          多属性之间用空格隔开，不区分前后顺序
作用：用来修饰HTML元素
例子：<P align="center">段落<p>

4.HTML语法

HTML不区分大小写，推荐用小写
HTML忽略多余空格
HTML顺序由上到下，由左到右

5.网页标题

<h1>一号标题（只有一个）
<h2>二号标题
<h3>三号标题
<h4>四号标题
<h5>五号标题
<h6>六号标题（最小）

6.标签

<h1>标题</h1>   （双标记，）
<P>段落</P>     （双标记，）
<br>换行       （单标记，）
<hr>水平线     （单标记，break）
<a> 超链接
<ul>一块   （under list无序列表）
<li>一行    （list item列表项目）
<table>：表格
<form>：表单

7.元素

size：大小
color：颜色
width：宽度
align：对齐（left/center/right）

8.插入图片/视频

平级（./）
下一级（/）
上一级（../）

8.1 绝对路径：网址，右键复制网址
8.2 相对路径：下载本地，对应资源文件夹路径

例子： <img src="1.gif" alt=""> 
            <img src="./1.gif" alt="图片不见" title="哈哈哈>  
            <img src="./img/1.gif" alt="图片不见" title="哈哈哈> 
            <img src="../../1.gif" alt="图片不见" title="哈哈哈">  
alt作用：图片不显示时，提示的内容（文字）
title作用：鼠标悬停在图片上显示的文字

src：路径
autoplay：自动播放
controls：显示控件
loop：循环播放
muted：静音
preload：预备播放，视频在页面加载时进行加载
poster：暂停播放时显示的图像

<video>：插入视频
<audio>：插入音频

例子： 
        <video src="./vidoe/shipin.mp4" autoplay muted controls lposter="./image.jpg"> 
           你的浏览器不支持播放视频
        </video>

       <audio src="./audio/hahha.wav“ autoplay muted controls loop>
           你的浏览器不支持播放音频
       </audio>

9.文本标签

<b>：粗体
<i>：斜体
<u>：下滑线
<s>：删除字
<del>：删除字
<em>：强调，倾斜文字
<strong>：强调，加粗文字
<sub>：下标
<sup>：上标
<small>：小号字

浏览器默认字体大小：16px，对应高度为21px