HTML基础

1.HTML元素

1.1 元素指的是开始标签到结束标签的所有代码。

1.2 元素的内容是开始标签与结束标签之间的内容。

1.3大多数HTML元素可用有属性。

1.4标签可以拥有属性为元素提供更多的信息。

1.5常用的标签属性:

<h1>:align对齐方式

<body>:bgcolor背景颜色

<a>:target规定在何处打开标签

测试原码:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>1234</title>

</head>

<body bgcolor="#7fffd4">             <!--<body>:bgcolor背景颜色-->

<a href="HTML3.1.html" target="_blank">打开本地</a>   <!--<a>:target规定在何处打开标签,示例中的在另一个空白页打开这个链接-->

<h1 align="center">标题</h1>      <!--<h1>:align对齐方式-->

</body>

</html>

1.6通用属性:

class：规定元素的类名

id:规定元素唯一ID

style:规定元素的样式

title:规定元素的额外信息

1.7HTML格式化

<b>      定义粗体文字

<big>    定义大号字

<em>     定义着重文字

<i>      定一斜体字

<small>  定义小号字

<strong> 定义加重语气

<sub>    定义下标字

<ins>    定义插入字

<del>    定义删除字

测试原码:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

 <title>挥舞着键盘征服世界的微博</title>

</head>

<body>

挥舞着键盘征服世界的微博

<br>

<b> 挥舞着键盘征服世界的微博</b> <!--定义粗体文字-->

<br>

<em>挥舞着键盘征服世界的微博</em>  <!--定义大号字-->

<br>

<i>挥舞着键盘征服世界的微博</i>  <!--定义着重文字-->

<br>

<small>挥舞着键盘征服世界的微博</small>  <!--定义小号文字-->

<br>

<strong>挥舞着键盘征服世界的微博</strong>  <!--定义加重语气-->

<br>

挥舞着键盘征服世界的微博<sub>欢迎来到我的微博</sub>挥舞着键盘征服世界的微博  <!--定义上标字-->

<br>

挥舞着键盘征服世界的微博<sup>挥舞着键盘征服世界的微博</sup>挥舞着键盘征服世界的微博     <!--定义下标字-->

<br>

<ins>挥舞着键盘征服世界的微博</ins>   <!--定义插入字-->

<br>

<del>挥舞着键盘征服世界的微博</del>   <!--定义删除字-->

</body>

</html>

HTML5 基础内容（元素/属性/格式化）的更多相关文章

  1. HTML5基础内容（二）

    HTML(HyperText Markup Language)超文本标记语言 一.HTML注释 元素就是标签,标签就是元素. 注释中的内容不会在页面中显示,但是可以在源码中看到. 可以通过编写注释来对 ...

  2. HTML5学习笔记<二>:元素,属性,格式化

    HTML元素 元素是指从开始标签到结束标签的所有代码. 开始(开放)标签 元素内容 结束(闭合)标签 <p> this is my web page </p> 没有内容的 HT ...

  3. html5 基础入门

    html5 基础入门 前言介绍 HTML5草案的前身名为 Web Applications 1.0,于2004年被WHATWG提出,于2007年被W3C接纳,并成立了新的 HTML工作团队. 如果从狭 ...

  4. 了解HTML表单之input元素的30个元素属性

    目录 传统属性 name type accept alt checked disabled readonly maxlength size src value 新增属性 autocomplete au ...

  5. 第一百六十六节，jQuery，基础 DOM 和 CSS 操作，元素内容，元素属性，css和class，元素宽度高度、偏移、滚动条

    jQuery,基础 DOM 和 CSS 操作,元素内容,元素属性,css和class,元素宽度高度.偏移.滚动条 学习要点: 1.DOM 简介 2.设置元素及内容 3.元素属性操作 4.元素样式操作 ...

  6. HTML5 表单元素和属性

    HTML5 表单元素和属性学习 版权声明:未经博主授权,内容严禁转载 ! 表单元素简介 无论实现提交功能还是展示页面功能,表单在HTML中的作用都十分重要. 在其他版本的HTML中,表单能够包含的元素 ...

  7. WPF 数据绑定 1_1 基础知识&绑定到元素属性

    A.数据绑定基础: 数据源对象:WPF将从该对象中提取信息,交由目标对象进行显示. 目标对象:从数据源中提取信息,并赋给该对象的属性. B.绑定到元素属性 最简单的绑定情形则是将一个源对象指定为一个W ...

  8. HTML5 Canvas（画布）实战编程初级篇：基本介绍和基础画布元素

    欢迎大家阅读HTML5 Canvas(画布)实战编程初级篇系列,在这个系列中,我们将介绍最简单的HTML5画布编程.包括: 画布元素 绘制直线 绘制曲线 绘制路径 绘制图形 绘制颜色,渐变和图案 绘制 ...

  9. jquery 与javascript关系 ①取元素 ②操作内容 ③操作属性 ④操作 样式 ⑤ 事件 点击变色

    jQuery的min版本和原版功能是一样的,min版主要应用于已经开发成的网页中,而非min版 的文件比较大,里面有整洁的代码书写规范和注释,主要应用于脚本开发过程当中. JQuery是继protot ...

随机推荐

  1. 议题解析与复现--《Java内存攻击技术漫谈》（二）无文件落地Agent型内存马

    无文件落地Agent型内存马植入 可行性分析 使用jsp写入或者代码执行漏洞,如反序列化等,不需要上传agent Java 动态调试技术原理及实践 - 美团技术团队 (meituan.com) 首先, ...

  2. php linux yaml 的安装和使用

    安装: 1 下载yaml包 wget http://pyyaml.org/download/libyaml/yaml-0.2.2.tar.gz tar -zxvf yaml-0.2.2.tar.gz ...

  3. 五（一）、spring 声明式事务注解配置

    一.事务概述: 事务就是一系列的动作, 它们被当做一个单独的工作单元. 这些动作要么全部完成, 要么全部不起作用:比如 用户购买图书:购买动作之前需要确认 ①图书的数量是否足够:②用户账号余额是否足够 ...

  4. connect & send 在三次握手过程中的有趣问题

    一.问题回顾 面试的时候被问到的问题,原问题是: 1:写一下socket网络编程服务端和客户端常用的函数. 2:如果服务端在listen之后没有accept,那客户端的connect会返回吗?为什么? ...

  5. Linux&C 线程控制 课后习题

    Q1:多线程与多进程相比有什么优势? 多进程程序耗费的资源大,因为fork()的时候子进程需要继承父进程的几乎所有东西,但是多线程程序线程只继承一部分,即自己的私有数据,例如自己的线程ID,一组寄存器 ...

  6. robot_framewok自动化测试--（3）测试项目与测试套件的概念

    测试项目与测试套件的概念 如果你查看当前所创建的项目会发现,"test_project"是一个目录: "test_suit"则是一个 txt 文件: " ...

  7. 二.什么是Promise

    二.什么是Promise 1.理解 2.promise 的状态改变 3.promise的基本流程 4.promise的基本使用 1.理解 抽象表达: Promise 是JS 中进行异步编程的新的解决方 ...

  8. js 事件流和事件冒泡阻止

    js 事件流和事件冒泡阻止 事件流 当浏览器发展到第四代的时候(IE4与Netscape4)浏览器开发团队遇到一个有意思的的问题: 页面的哪一部分会拥有某个特定的事件? 比如在纸上画上一组同心圆,如果 ...

  9. 树莓派4b安装Ubuntu20.04

    树莓派4b安装Ubuntu20.04 下载Ubuntu20.04镜像 下载地址 安装Raspberry Pi Imager 下载地址 烧录系统 打开Raspberry Pi Imager,选择自己刚刚 ...

  10. 体验.NET Core使用IKVM对接Java

    前言 与第三方对接最麻烦的是语言不同,因语言不同内置实现相关标准加密算法还是略微有所差异,对接单点登录场景再寻常不过,由于时间紧迫且对接方使用Java,所以留给我对接开发和联调的时间本就不多,于是乎, ...