前端小白笔记-HTML语法

最新推荐文章于 2023-12-04 11:19:24 发布

_火焰猫

最新推荐文章于 2023-12-04 11:19:24 发布

阅读量431

点赞数 2

分类专栏： FE

本文链接：https://blog.csdn.net/qq873044564/article/details/95449350

版权

首先推荐一个学习前端的好网站w3school,然后再去借一本Java Web开发就可以开始学前端了

HTML基本语法

<html> </html>
<head> </head>
<title> </title> 标题
<p></p>段落
<br/>换行
<h1></h1>标题文本
<align="center">在中心显示
<hr/>水平线
<!--注释-->
<bgcolor="yellow">改变背景颜色
<b></b>字体明显
<strong></strong>字体加粗
<big></big>字体加大
<em></em>字体变斜
<i></i>字体变斜
<sub></sub>字体向下显示
<sup></sup>字体向上显示
<pre></pre>预格式文本,保留了空格和换行
<code></code>,<kbd></kbd>,<tt></tt>,<var></var>常用于显示计算机/编程代码
<blockquote></blockquote>长引用,会插入换行和外边距
<q></q>短引用
<del></del>删除字效果
<ins></ins>插入字效果

二.网络链接

①文字:<a href="/index.html">本文本</a> 是一个指向本网站中的一个页面的链接。</p>	
②图片<p>
您也可以使用图像来作链接：
<a href="/example/html/lastpage.html">
<img border="0" src="/i/eg_buttonnext.gif" />
</a>
</p>
知识点:
①点击打开新窗口
<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>
<p>如果把链接的 target 属性设置为 "_blank"，该链接会在新窗口中打开。</p>
②点击在本页跳转到指定位置
<p>
<a href="#C3">查看 Chapter 4。</a>
</p>

<h2><a name="C3">Chapter 4</a></h2>
<p>This chapter explains ba bla bla</p>
③<a href="mailto:someone@microsoft.com?subject=Hello%20again">发送邮件</a>
应该使用 %20 来替换单词之间的空格，这样浏览器就可以正确地显示文本了。

三.框架实例

①从左到右三个图像分别占权重百分比

<frameset cols="25%,50%,25%">

  <frame src="/example/html/frame_a.html">
  <frame src=

最低0.47元/天解锁文章

_火焰猫

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
前端小白笔记-HTML语法

首先推荐一个学习前端的好网站w3school,然后再去借一本Java Web开发就可以开始学前端了HTML基本语法<html> </html><head> </head><title> </title> 标题<p></p>段落<br/>换行<h1></h...
复制链接

扫一扫