html5

派_大星

已于 2023-08-29 11:22:19 修改

阅读量32

点赞数

文章标签： html5 前端 html

于 2023-07-31 16:45:18 首次发布

本文链接：https://blog.csdn.net/m0_59844638/article/details/132020997

版权

选择器

包含选择器子选择器相邻选择器兄弟选择器分组选择器

doctype

html

head

meta

title

body

abbr和acronym

blocquote 和q：长引用和短引用。使用 blockquote 元素的话，浏览器会插入换行和外边距，而 q 元素不会有任何特殊的呈现。

样式，如何在统一处修改文本样式：

内部样式：

<html>

<head>
<style type="text/css">
h1 {color: red}
p {color: blue}
</style>
</head>

<body>
<h1>header 1</h1>
<p>A paragraph.</p>
</body>

</html>

外部样式，可以增加href:样式文件名.css

超链接与图像标签进行嵌套。

<html>

<body>
<p>
您也可以使用图像来作链接：
<a href="/example/html/lastpage.html">
<img border="0" src="/i/eg_buttonnext.gif" />
</a>
</p>

</body>
</html>

a href中target属性的用法：target这个属性指定所链接的页面在浏览器窗口中的打开方式， target="_blank" 表示在新页面弹出目标网页。

table

caption：表名

th：第一行列名

tr：单元格内容

td：另一行

rowspan：跨行

表中的单元格还能嵌套其他语义结构

HTML中的& nbsp; & ensp; & emsp;等6种空格标记

ul：无序

ol：有序ordered list

dl、dt、dd：列表，依次缩进。

style的用法：点（.）用来匹配类名；（#）用来匹配id名；标签名不需要匹配，直接将标签名作为“选择器”即可；*用来匹配全部html元素。

<!DOCTYPE html>
<html>
<head>
<style>
/* 设置 id 为 "myHeader" 的元素的样式 */
#myHeader {
  background-color: lightblue;
  color: black;
  padding: 40px;
  text-align: center;
}

/* 设置类名为 "city" 的所有元素的样式 */
.city {
  background-color: tomato;
  color: white;
  padding: 10px;
} 
</style>
</head>
<body>

<h1>Class 与 ID 的差异</h1>

<p>一个类名可以由多个 HTML 元素使用，而一个 id 名称只能由页面中的一个 HTML 元素使用：</p>

<!-- 拥有唯一 id 的元素 -->
<h1 id="myHeader">我的城市</h1>

<!-- 拥有相同类名的多个元素 -->
<h2 class="city">上海</h2>
<p>中国最大的经济城市。</p>

<h2 class="city">深圳</h2>
<p>中国最具创新力的城市。</p>

<h2 class="city">北京</h2>
<p>中国的首都。</p>

</body>
</html>

iframe是内联框架，表示嵌套一个浏览页面(内联子窗口)，属性可以选择高度、宽度等。

<iframe src="/example/html/demo_iframe.html" width="200" height="200"></iframe>

。

img的两个必须属性：src和alt（文字描述，当图像无法加载时显示文字）。

<head>可以包含：<title>、<base>、<link>、<meta>、<script> 以及 <style>。

13:30-16:00 html

派_大星

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
html5

blocquote 和q：长引用和短引用。使用 blockquote 元素的话，浏览器会插入换行和外边距，而 q 元素不会有任何特殊的呈现。style的用法：点（.）用来匹配类名；标签名不需要匹配，直接将标签名作为“选择器”即可；iframe是内联框架，表示嵌套一个浏览页面(内联子窗口)，属性可以选择高度、宽度等。img的两个必须属性：src和alt（文字描述，当图像无法加载时显示文字）。HTML中的& nbsp;外部样式，可以增加href:样式文件名.css。dl、dt、dd：列表，依次缩进。
复制链接

扫一扫