HTML学习笔记二

最新推荐文章于 2024-07-19 11:00:40 发布

阿茶阿茶

最新推荐文章于 2024-07-19 11:00:40 发布

阅读量54

点赞数

分类专栏： HTML5 文章标签： html5

本文链接：https://blog.csdn.net/Flora_hsx/article/details/124155909

版权

HTML5 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

一：小例程

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title> second </title>
  </head>
  
  <body>
    <hr>
    <a id="tips">提示提示提示</a>
    <h1>标题</h1>
    <hr>
    <p>段落</p>
    <hr>
    <a href="www.baidu.com">这是一个百度链接</a>
    <hr>
    <a href="www.baidu.com" trage="_blank" rel="noopener noreferrer">在新窗口打开百度</a>
    <hr>
    <p>鹅鹅鹅，<br>曲项向天歌。<br>白毛浮绿水，<br>红掌拨清波。</p>
    <hr>
    <p>
      无
      效
      换
      行
    </p>
    <hr>
    <p>这是<b>粗体</b>和<i>斜体</i></p>
    <p>这是<strong>粗体</strong>和<em>斜体</em></p>
    <hr>
    <a href="#tips">提示提示提示</a>
    <a href="https://c.runoob.com/front-end/61/#tips">跳转到某网页的ID“tips”</a>
    <hr>
  </body>
</html>

二：知识点

1：属性值应该始终被包括在引号内

2：属性一般描述于开始标签

3：常用属性：calss（为html元素定义一个或者多个类名），id（定义元素的唯一ID），style（规定元素的行内样式），title（描述元素的额外信息）

4：<hr>标签在HTML页面中创建水平线

5：</p>是块级元素，浏览器会自动在段落的前后添加空行

6：如果希望在一个段落内实现换行，可以在<a>标签内换行位置加入<br>标签

</br>元素是一个空元素，由于关闭标签没有意义，因此它没有结束标签

7：显示页面的时候，浏览器会移除代码中的多余空格和空行，所有连续的空格或空行会被算作一个空格。

8：段落的行数依赖于浏览器窗口的大小。如果调节浏览器窗口的大小，将改变段落中的行数

9：<b>为粗体，<i>为斜体，通常标签<strong>替换加粗标签，<em>替换斜体标签使用。

10：HTML-ID属性，可以用来创建一个HTMI文档书签，类似于添加了一个ID为XXX的书签，再通过href属性可以跳转到此书签（或者某网站下的某ID书签）

11：HTML-targe属性，定义被链接的文档在何处显示

12：<head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息

13：可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>

14：<title>标签定义了浏览器工具栏的标题；当网页添加到收藏夹，显示在收藏夹的标题；显示在搜索引擎结果的页面标题。此标签是必须的

15：其他

三：参考

1：HTML 全局属性 | 菜鸟教程

2：下节：HTML CSS | 菜鸟教程

阿茶阿茶

关注

0
点赞
踩
0

收藏

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

一：小例程<!doctype html><html> <head> <meta charset="utf-8"> <title> second </title> </head> <body> <hr> <a id="tips">提示提示提示</a> <h1>标题</h1> <
复制链接

扫一扫