HTML&CSS学习笔记

丁大摆

已于 2022-07-10 10:37:14 修改

阅读量123

点赞数

文章标签： css html 学习

于 2022-07-10 10:20:38 首次发布

本文链接：https://blog.csdn.net/weixin_64102578/article/details/125701757

版权

文章目录

一、HTML
二、CSS
总结

一、HTML

1.什么是HTML

HTML是超文本标记语言（HyperText Markup
Language）的缩写，是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。

2.网页组成

网页的内容是由HTML的元素构建的，这些元素如何呈现，涉及许多方面，如整个页面的布局，元素的位置、距离、颜色、大小、是否显示、是否浮动、透明度等等。

3.标题标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。 HTML 标签是由尖括号包围的关键词； HTML
标签通常是成对出现的；标签对中的第一个标签是开始标签，第二个标签是结束标签；开始和结束标签也被称为开放标签和闭合标签。
标题标签

   <!--标题标签-->
   <h1>一级标题</h1>
   <h2>二级标题</h2>
   <h3>三级标题</h3>
   <h4>四级标题</h4>
   <h5>五级标题</h5>
   <h6>六级标题</h6>
   <h7>七级标题</h7>

在这里插入图片描述

4.段落标签

	<!--标题标签-->
	<h1>一级标题</h1>
	<h2>二级标题</h2>
	<h3>三级标题</h3>
	<h4>四级标题</h4>
	<h5>五级标题</h5>
	<h6>六级标题</h6>
	<h7>七级标题</h7>

在这里插入图片描述

5.文本格式

<p>You can use the mark tag to <mark>highlight</mark> text.</p>
<p><del>This line of text is meant to be treated as deleted text.</del></p>
<p><s>This line of text is meant to be treated as no longer accurate.</s></p>
<p><ins>This line of text is meant to be treated as an addition to the document.</ins></p>
<p><u>This line of text will render as underlined</u></p>
<p><small>This line of text is meant to be treated as fine print.</small></p>
<p><strong>This line rendered as bold text.</strong></p>
<p><em>This line rendered as italicized text.</em></p>

在这里插入图片描述

6.超链接

在这里插入图片描述


    <h4>1.外部链接</h4>
    <a href="http://www.baidu.com" target="_self" >baidu</a>
    <a href="http://www.qq.com" target="_blank" >qq</a>
    <h4>2.内部链接