HTML笔记

打我的正扑街

已于 2022-03-10 19:36:29 修改

阅读量146

点赞数 1

文章标签： html 前端

于 2022-03-10 18:38:59 首次发布

本文链接：https://blog.csdn.net/m0_56123958/article/details/123408244

版权

HTML

!doctype html
强调文档格式为html5
html标签
- head标签
 - meta标签
 - 属性（不带单位）
 1. 设置网页信息 charset–设置字符编程集UTF-8（国际编码）注：文档编码集需与字符编码集一致，否则会出现乱码
 格式：<meta charset="utf-8">
 2. name–keywords:让用户可以通过关键字在搜索引擎中找到网页
 
 格式：<meta name="keywords" content="美食,广州,早茶（关键字内容）">
 3. name–descriptions:让用户可以通过关键字在搜索引擎中找到网页
 
 格式：<meta name="descriptions" content="我们是广州最大的早茶美食茶楼（网页内容高度概括）">
 - title标签
 设置网页标题
 - base标签
 格式：<base target="_blank">
 用处：统一修改页面内部超链接的跳转标签方式
 - style标签
 注：<head>和<body>标签不缩进
标签
- <h></h>：标题标签
-  :换行标签
 -：段落标签
- <hr>：分割线
 -<a></a>：超链接
 - 格式：<a href="地址" target="_blank"></a>
 - href 跳转目标地址
 1. 跳转公网"https://www.baidu.com"
 2. 页面内部跳转 id跳转 href=“#target”（id=target）
 3. 路径（地址）跳转<a href="index.html" target="_blank"></a>
 - target：打开网页的位置当前 _self | 新开 _blank
-  ：加粗
-  ：斜体
- <s></s> <del></del>：删除线
-  <ins></ins>：下划线
转义符号（空格、大于、小于等）
空格：&nbsp;
小于：&lt;
大于：&gt;
图片标签<img>
- 属性
 1. 图片四要素：src width height alt
 注：width 和 height 数值要和原图一致，不能更改，且不带单位
 2. title：鼠标悬停显示的文本
 3. border：设置图片默认边框的宽度
- 格式
 <img src="E:/photos/p2678320482.jpg" width="100" height="100">
列表
- 无序列表ul>li
 <ul>
 <li>1</li>
 <li>2</li>
 </ul>
- 有序列表ol>li
 <ol>
 <li>1</li>
 <li>2</li>
 </ol>
- 自定义列表dl>dt+dd
 <dl>
 <dt>名词1</dt>
 <dd>名词1解释1</dd>
 <dd>名词1解释2</dd>
 </dl>
注释：ctrl+/
<div></div> 盒子标签
文本标签

打我的正扑街

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML笔记

HTML!doctype html强调文档格式为html5html标签head标签meta标签属性（不带单位）设置网页信息 charset–设置字符编程集UTF-8（国际编码）注：文档编码集需与字符编码集一致，否则会出现乱码格式：name–keywords:让用户可以通过关键字在搜索引擎中找到网页格式：name–descriptions:让用户可以通过关键字在搜索引擎中找到网页格式：title标签设置网页标题base标签格式：用处：统一修改页面内部超链接
复制链接

扫一扫