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 基础内容（元素/属性/格式化）的更多相关文章

HTML5基础内容（二）
HTML(HyperText Markup Language)超文本标记语言一.HTML注释元素就是标签,标签就是元素. 注释中的内容不会在页面中显示,但是可以在源码中看到. 可以通过编写注释来对 ...
HTML5学习笔记<二>:元素,属性,格式化
HTML元素元素是指从开始标签到结束标签的所有代码. 开始(开放)标签元素内容结束(闭合)标签 <p> this is my web page </p> 没有内容的 HT ...
html5 基础入门
html5 基础入门前言介绍 HTML5草案的前身名为 Web Applications 1.0,于2004年被WHATWG提出,于2007年被W3C接纳,并成立了新的 HTML工作团队. 如果从狭 ...
了解HTML表单之input元素的30个元素属性
目录传统属性 name type accept alt checked disabled readonly maxlength size src value 新增属性 autocomplete au ...
第一百六十六节，jQuery，基础 DOM 和 CSS 操作，元素内容，元素属性，css和class，元素宽度高度、偏移、滚动条
jQuery,基础 DOM 和 CSS 操作,元素内容,元素属性,css和class,元素宽度高度.偏移.滚动条学习要点: 1.DOM 简介 2.设置元素及内容 3.元素属性操作 4.元素样式操作 ...
HTML5 表单元素和属性
HTML5 表单元素和属性学习版权声明:未经博主授权,内容严禁转载 ! 表单元素简介无论实现提交功能还是展示页面功能,表单在HTML中的作用都十分重要. 在其他版本的HTML中,表单能够包含的元素 ...
WPF 数据绑定 1_1 基础知识&绑定到元素属性
A.数据绑定基础: 数据源对象:WPF将从该对象中提取信息,交由目标对象进行显示. 目标对象:从数据源中提取信息,并赋给该对象的属性. B.绑定到元素属性最简单的绑定情形则是将一个源对象指定为一个W ...
HTML5 Canvas（画布）实战编程初级篇：基本介绍和基础画布元素
欢迎大家阅读HTML5 Canvas(画布)实战编程初级篇系列,在这个系列中,我们将介绍最简单的HTML5画布编程.包括: 画布元素绘制直线绘制曲线绘制路径绘制图形绘制颜色,渐变和图案绘制 ...
jquery 与javascript关系 ①取元素 ②操作内容 ③操作属性 ④操作样式 ⑤ 事件点击变色
jQuery的min版本和原版功能是一样的,min版主要应用于已经开发成的网页中,而非min版的文件比较大,里面有整洁的代码书写规范和注释,主要应用于脚本开发过程当中. JQuery是继protot ...

随机推荐

Harbor仓库搭建及使用
目录一.docker配置二.安装docker-compose 三.安装harbor 四.管理harbor 五.springboot项目配置docker 六.linux服务器上打包并推送至harbo ...
vue三级路由显示+面包屑
问题一:如何让三级路由内容显示显示在一级路由页面可以说是我点级二级路由导航的时候是不发生跳转的,但还要去动态的生成面包屑 const routes = [{ path: '/', name: 'Ho ...
svg的animate动画动态加载删除遇到删除animate后再次加载的animate动画没有效果问题
svg上有多个圆圈,当选中特定圆圈后给其加上animate动画效果,并把其他圆圈的animate效果去除. 第一次选择一个点实现动画效果完全达到效果,因为是第一次所以不需要把其他圆圈的animate子 ...
robot_framewok自动化测试--（6）Collections 库
Collections 库 Collections 库同样为 Robot Framework 标准类库,它所提供的关键字主要用于列表.索引.字典的处理. 在使用之前需要在测试套件(项目)中添加: 1. ...
nio实现文件夹内容的监听
参考的博客 package com.jp.filemonitor; import java.io.IOException; import java.nio.file.FileSystems; impo ...
LiteFlow 2.6.4版本发行注记，里程碑版本!
一这个版本做的很折腾.期间几个issue推翻重做了好几次. 但我最终还是带来了LiteFlow 2.6.4这个重要版本. 虽然版本是小版本号升级,但是带来的更新可一点也不少.并完全向下兼容. 如果你 ...
CTF入门学习3->Web通信基础
Web安全基础 01 Web通信这个部分重点介绍浏览器与Web服务器的详细通信过程. 01-00 URL协议只要上网访问服务器,就离不开URL. URL是什么? URL就是我们在浏览器里输入的站点 ...
解决texlive化学式转换镜像经常偶发性进程堆积导致卡顿问题
前言之前在使用Python定时清理运行超时的pdflatex僵尸进程博文中我采用python脚本开启定时任务清理pdflatex僵尸进程,线上4u2G的k8s pod部署了3个,pdflatex ...
CSP2020 自爆记
Day -1 - 2020.11.5 发现自己 dp 学得很烂--刷了几道 dp 找找感觉. 晚上死活睡不着,觉得要爆炸了. Day 0 - 2020.11.6 白天在学校觉得人飘了. 傍晚回来拿了准 ...

HTML5 基础内容（元素/属性/格式化）

HTML基础

1.HTML元素

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

随机推荐

热门专题