HTML5

Frost__

于 2022-10-24 11:30:11 发布

阅读量46

点赞数

分类专栏：笔记文章标签： 1024程序员节

本文链接：https://blog.csdn.net/Frost__/article/details/120150931

版权

笔记专栏收录该内容

4 篇文章 0 订阅

订阅专栏

HTML 标题

HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的。

<h1> 定义最大的标题。 <h6> 定义最小的标题。

HTML 段落

HTML 段落是通过标签 <p> 来定义的。

HTML 文本格式化标签

标签	描述
<b>	定义粗体文本
<em>	定义着重文字
<i>	定义斜体字
<small>	定义小号字
<strong>	定义加重语气
<sub>	定义下标字
<sup>	定义上标字
<ins>	定义插入字
<del>	定义删除字

HTML 链接

HTML 链接是通过标签 <a> 来定义的。

eg：    <a href="https://www.runoob.com">这是一个链接</a>

HTML 图像

HTML 图像是通过标签 <img> 来定义的。

eg：  <img src="/images/logo.png" width="258" height="39" />

HTML 空元素

没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。

<br> 就是没有关闭标签的空元素（<br> 标签定义换行）。

在开始标签中添加斜杠，比如 <br />，是关闭空元素的正确方法。

HTML 属性（适用于大多数HTML元素的属性）

属性	描述
class	为html元素定义一个或多个类名（classname）(类名从样式文件引入)
id	定义元素的唯一id
style	规定元素的行内样式（inline style）
title	
描述了元素的额外信息 (作为工具条使用)

HTML head 元素

标签	描述
<head>	定义了文档的信息
<title>	定义了文档的标题
<base>	定义了页面链接标签的默认链接地址
<link>	定义了一个文档和外部资源之间的关系
<meta>	定义了HTML文档中的元数据
<script>	定义了客户端的脚本文件
<style>	定义了HTML文档的样式文件

CSS 可以通过以下方式添加到HTML中:

内联样式- 在HTML元素中使用"style" 属性
内部样式表 -在HTML文档头部 <head> 区域使用<style> 元素 来包含CSS
外部引用 - 使用外部 CSS 文件：
<link rel="stylesheet" type="text/css" href="mystyle.css">

HTML 样式- CSS
1.background-color（背景色属性）定义一个元素的背景颜色：

  <h2 style="background-color:red;">这是一个标题</h2>

2.使用font-family（字体），color（颜色）和font-size（字体大小）属性来定义字体的样式:

 <p style="font-family:arial;color:red;font-size:20px;">一个段落。</p>

3.使用 text-align（文字对齐）属性指定文本的水平与垂直对齐方式：

 <h1 style="text-align:center;">居中对齐的标题</h1>

HTML 表格

表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。表格的表头使用 <th> 标签进行定义。

<table border="1">
    <tr>
        <td>Row 1, cell 1</td>
        <td>Row 1, cell 2</td>
    </tr>
</table>

HTML 列表

无序列表使用 <ul> 标签。

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

 有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。列表项使用数字来标记。

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>

HTML 区块元素
大多数 HTML 元素被定义为块级元素或内联元素。

块级元素在浏览器显示时，通常会以新行来开始（和结束）。

实例: <h1>, <p>, <ul>, <table> , <div>

HTML 内联元素
内联元素在显示时通常不会以新行开始。

实例: <b>, <td>, <a>, <img>,<span>

HTML 表单

<form action="">
    name: <input type="text" name="name"> //文本框text
    <input type="radio" name="sex" value="male">Male //单选按钮radio
    <input type="checkbox" name="vehicle" value="Bike">bike  //复选框checkbox
    <input type="submit" value="Submit"> // 提交按钮submit
    <input type="button" value="Hello world!">  //自定义按钮button
</form>

HTML 脚本
JavaScript 使 HTML 页面具有更强的动态和交互性。

JavaScript 最常用于图片操作、表单验证以及内容动态更新。

JavaScript事件响应:

<p id="demo">
JavaScript 可以触发事件，就像按钮点击。</p>

<script>
function myFunction()
{
	document.getElementById("demo").innerHTML="Hello JavaScript";
}
</script>

<button type="button" onclick="myFunction()">点我</button>  //事件响应onclick

JavaScript处理 HTML 样式:

<p id="demo">
JavaScript 能改变 HTML 元素的样式。
</p>
<script>
function myFunction()
{
	x=document.getElementById("demo") // 找到元素
	x.style.color="#ff0000";          // 改变样式
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>

Frost__

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML5

HTML 标题HTML 标题（Heading）是通过 - 标签来定义的。定义最大的标题。定义最小的标题。HTML 段落HTML 段落是通过标签来定义的。HTML 文本格式化标签标签描述定义粗体文本定义着重文字定义斜体字定义小号字定义加重语气定义下标字定义上标字定义插入字定义删除字HTML 链接HTML 链接是通过标签来定义的。eg：    这是一个链接HTML 图像HTML 图像是通过标签来定义
复制链接

扫一扫