HTML学习笔记一

夏瑶同学_5889

夏瑶同学_5889

2018-04-19

2053人浏览

原创

这篇文章介绍的内容是关于HTML学习笔记一 ,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下

在点击打开链接的学习总结。

HTML常用的标签及解释

1、基本格式框架


<h1>标题</h1>
<p>段落</p>


2、文本格式化标签

<b>粗体</b>
<big>大号字</big>
<em>着重字(粗)</em>
<i>斜体字</i>
<strong>加强语气(粗)</strong>
<sub>下标</sub><sup>上标</sup><ins>插入字</ins>
<del>删除字</del>


3、链接

<a> this is a link </a>


其中,href=超链接,target="_blank"表示在新窗口打开文件。

注意,两者之间用空格。

有一种特殊情况是使用name属性,可以转跳到name属性定义的锚。

<a>基本的注意事项 - 有用的提示</a>
.
.
.
<a>跳转到tips标签处</a>

注意,引用锚时要在名字前面加#。


4、图像

@@##@@

其中,src存放图片所在地址;

alt属性表示替换文本,即当图片不能加载是所显示的文字说明;

width和height用于设置图片的长度和宽度;

另外,图像还有一个属性border用于规定图像边框的宽度。


5、改变属性的通用方法——style

<h2>
标题
</h2>

其中,background-color用于设置背景颜色;

font-family用于设置字体;

color用于设置(标题)字体颜色;

font-size用于设置字体大小;

text-align:center居中。


6、引用

第一种:相当于“”。

<q>所要引用的话</q>


第二种:长引用,自动缩进,cite表示出处地址(可省略)。

财经HTML高端海报生成
财经HTML高端海报生成

复杂得财经如何变成清晰,适合手机看的海报?如何加上你的IP

下载
<blockquote>......</blockquote>


第三种:缩略词,鼠标放到缩略词上会显示完整内容,即title。

<abbr>WHO</abbr>

第四种:地址(联系信息),自动斜体,并且前后自动加换行。

<br>
<address>我是地址</address>

第五种:著作标题,自动斜体。

<cite>老人与海</cite>



特别的,双向重写,dir="rtl"为从右向左书写

<bdo>从右向左</bdo>


7、计算机代码

<kbd>键盘输入</kbd>
<samp>计算机输出示例</samp>
<code>代码</code>
<pre class="brush:php;toolbar:false;">文本
数学公式


其中,前三种均不保留空格和换行,如果要保持文本的原有格式,请使用第四种,

保留换行。<p><br></p><p>8、创建图像映射<br></p><pre class="brush:html;toolbar:false;">


<p>请点击图像上的星球,把它们放大。</p>

@@##@@

<map><area shape="circle" coords="180,139,14" href target alt="Venus">
<area shape="rect" coords="0,0,110,260" href target alt="Sun"></map>


其中,定义图像地图,包括id和name属性,感觉一般情况下都要定义;

定义图像地图的可点击区域,包含的属性:
            shape规定区域的形状

            coords规定区域的(x,y)坐标,左上角为(0,0);比如(x,y,z),xy表示圆心,z表示半径




中的usemap属性引用map中的id或name属性。


9、其他





-------换行


-------水平线

---------注释

Planets

前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!

相关文章

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

html

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
golang map内存释放
golang map内存释放

本专题整合了golang map内存相关教程,阅读专题下面的文章了解更多相关内容。

2025.09.05

670

5

golang map相关教程
golang map相关教程

本专题整合了golang map相关教程,阅读专题下面的文章了解更多详细内容。

2025.11.16

343

7

golang map原理
golang map原理

本专题整合了golang map相关内容,阅读专题下面的文章了解更多详细内容。

2025.11.17

533

20

java判断map相关教程
java判断map相关教程

本专题整合了java判断map相关教程,阅读专题下面的文章了解更多详细内容。

2025.11.27

303

6

html边框设置教程
html边框设置教程

本教程将带你全面掌握HTML/CSS边框设置,从基础的border属性讲起,涵盖所有边框样式、圆角设置及高级技巧,帮助你快速上手实现各种边框效果。

2025.09.02

2853

11

Uvicorn 报错与问题解决教程
Uvicorn 报错与问题解决教程

本专题汇总了Uvicorn服务器常见问题与报错解决的教程合集,涵盖启动失败、端口占用、模块导入错误、事件循环冲突及热重载失效等典型故障的排查思路。同时整理了多进程与Worker配置、SSL/HTTPS证书报错、跨域与代理配置等实战解决方案,助你快速定位并解决Uvicorn运行中的各类问题。

2026.11.02

0

14

Uvicorn使用教程
Uvicorn使用教程

本专题汇总了Uvicorn使用教程与启动运行指南,涵盖其作为Python ASGI服务器的定位与特点,以及命令行启动(uvicorn main:app --reload)、参数配置(host/port/workers)、程序内嵌运行与Gunicorn结合部署等核心用法。同时整理了热重载调试、日志配置与生产环境部署优化等技巧,助你快速掌握Uvicorn的运行与配置。

2026.11.02

0

17

Uvicorn安装配置教程
Uvicorn安装配置教程

本专题汇总了Uvicorn的安装配置教程与部署指南,涵盖通过pip安装Uvicorn、启动FastAPI/Starlette应用、开发模式热重载(--reload)及多进程工作模式配置等核心操作。同时整理了结合Gunicorn的生产部署方案、HTTPS与反向代理配置及性能调优技巧,助你快速完成Uvicorn服务的安装与上线部署。

2026.11.02

0

17

Vite 项目如何打包和部署
Vite 项目如何打包和部署

Vite项目打包部署专题汇集生产构建、产物预览、输出目录、资源路径、Nginx与GitHub Pages部署及常见白屏和路由404问题的已审核文章,帮助读者完成上线流程。

2026.10.28

100

16

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
GDB 17.2 官方文档集合
GDB 17.2 官方文档集合

共0课时 | 0人学习

Bootstrap 入门安装配置
Bootstrap 入门安装配置

共0课时 | 0人学习

38+ PhpStorm 提示和技巧
38+ PhpStorm 提示和技巧

共1课时 | 232人学习