html基础学习摘要
以下为博主学习 html 的学习笔记摘要（更新中）
html 基础元素
<!--这是定义 html 类型的声明-->
<!DOCTYPE html>
<head>
<html>
<title> 这是标题 </title>
</head>
<body>
<h1> 大标题 </h1>
<p> 这是正文。</p>
</body>
</html>
注意：某些 HTML 元素没有内容（如 <br> 元素）。这些元素称为空元素。空元素没有结束标记！注意：<body> 部分中的内容 将显示在浏览器中。<title> 元素中的内容将是 显示在浏览器的标题栏或页面的选项卡中。
有关如何运行 html 代码
将编辑好的代码放入记事本中，另存为后缀为.htm 的文件后双击运行
提示：您可以使用 .htm 或 .html 作为文件扩展名。没有区别；这取决于你
html 基本
在 html 中标题的重要程度由 <h1> 至 < h6 > 递减；
使用 <p> 定义正文；
使用 <a> 来实现超链接（例如 < a href=“https://marcbarkblog.azurewebsites.net/”> 帅气的博客入口 </a>）;
没有内容的空元素没有结束标记，例如 <br> （br 没有结束标记）;
html 不区分大小写；
href 标记超链接；
<img src> 添加图像，width 为图像宽度，height 为高度；
为了防止出现某种故障，使用 alt 让图像替换文本；
style 设置颜色、字体、大小等，如 <p style=“color：red;”>1</>;
lang 为设置语言，如 <html lang=“xx;”>;
title 属性的值将显示为工具提示 将鼠标悬停在元素上，如 <p title=“233”>1</p>;
<hr> 为水平标尺、<br > 为换行符、<pre > 为按预设内容输出；
定义背景色为 < style=“background-color：xx;”>;
定义字体为 <h1 style=“font-family：xx;”>，字体大小为 < h1 style=“font-size：300%;”>;
使文本水平对齐为 <h1 style=“text-align：center;”>;
<b>– 粗体文本<strong>– 重要文本<i>– 斜体文本<em>– 强调文本<mark>– 标记文本<small>– 较小的文本<del>– 删除的文本<ins>– 插入的文本<sub>– 下标文本<sup>– 上标文本
<blockquote> 表面该内容引用自其他页面；
<q> 为句子插入引号；
<address> 为具体信息 (地址、电话、姓名等)；
html 的注释格式为 <!– 这是注释 –>
CSS
内联 css：用单段语句的 css：<h1 style=”color:xx”>123</h1>;
内部 css：用于一整页的 css：
<style>
body {background-color:powerblue;}
h1 {color:red;}
p {color:red;}
</style>
外联 css：用于定义许多 html，打在 <head>, 例如：
<head>
<link rel=”stylesheet” href=”styles.css”>
</head>
注意：外部样式表可以在任何文本编辑器中编写。该文件不得包含任何 HTML 代码，并且必须使用 .css 扩展名保存
例如：Marcbark.css 的内容如下
body{
background-color:powerblue;
}
h1{
color:red;
}
p{
color:red;
}
CSS 属性定义要使用的文本颜色。color
CSS 属性定义要使用的字体。font-family
CSS 属性定义要使用的文本大小。font-size
CSS 属性定义边框 围绕 HTML 元素。border
CSS 属性定义填充 （空格）在文本和边框之间。padding
该属性指定打开链接文档的位置。target
_blank– 在新窗口或标签页中打开文档_parent– 在父框架中打开文档_top– 在窗口的整个正文中打开文档
例如：<a href=”https://marcbarkblog.azurewebsites.net/” target=”_blank”> 欢迎光临 </a>
该元素定义一个段落 HTML 文档。<p>
该元素定义一个部门 或 HTML 文档中的某个部分。<div>
内容根据博主后续继续 html 学习逐渐完善，
本博客参考学习资料 HTML JavaScript 的 (w3schools.com)。
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
