HTML学习笔记

最新推荐文章于 2024-11-16 00:27:13 发布
最新推荐文章于 2024-11-16 00:27:13 发布
阅读量110 收藏
点赞数
文章标签： html html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cc876/article/details/120920045
版权

 <!DOCTYPE html> 

<html> 

<head> 

<meta charset="utf-8"> 

<title>页面标题</title> 

</head> 

<body> 

<h1>我的第一个标题</h1> 

<p>我的第一个段落。</p> 

</body> 

</html>

        *<!DOCTYPE html> 声明为 HTML5 文档

        *<html> 元素是 HTML 页面的根元素

        *<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。

        *<title> 元素描述了文档的标题

        *<body> 元素包含了可见的页面内容

        *注释：<!-- 注释内容 -->

        *<h1> to <h6>：标题标签           <h1>公司简介</h1>

                * h1~h6:字体大小逐渐递减

        *<p>：段落标签 <p>当地法规和</p>

        *<br>：换行标签 <br/>

        *<hr>：展示一条水平线  <hr color="darkorange">

                * 属性：

                        * color：颜色

                        * width：宽度

                        * size：高度

                        * align：对其方式

                                * center：居中

                                * left：左对齐

                                * right：右对齐

*<b>：字体加粗            <b><i>传智播客</i></b>

* <i>：字体斜体

*<font>:字体标签           <font color="#FF0000">"

*<center>:文本居中<center>江苏传智博客教育科技股</center>

1、

Font 字体

定义页眉：header 标签用于定义文档的页眉（介绍信息）

定义文本样式：font-family（字体）

color（颜色）

font-size（字体大小）

text-align（文字对齐）

2、

class 为html元素定义一个或多个类名（classname）(类名从样式文件引入)

id定义元素的唯一id

style规定元素的行内样式（inline style）

3、图片：

<img src="pulpit.jpg" alt="古镇" width="304" height="228">

img src 图片

alt 用来为图像定义一串预备的可替换的文本。

width 宽度

height 高度

4、有序表和无序表：

* 有序列表：123 abc

* ol:   

* li:   <li><li/>

<ol>

<li>睁眼</li>

<li>吃饭</li>

<li>看电视</li>

<ol/>

* 无序列表：

* ul:    

* li:

<ul>

<li>睁眼</li>

<li>吃饭</li>

<li>看电视</li>

<ul/>

5、链接：<a href=”http://www.itcast.cn”></a>

      Href:链接路径

链表：<a href="./5_列表标签.html">列表标签</a>

(链接到网站)

邮箱：<a href="mailto:itcast@itcast.cn">联系我们</a>

(链接到邮箱)

图片链接:

<a href="http://www.itcast.cn"><imgsrc="image/jiangwai_1.jpg"></a>

(点图链接到网站)

打开新页面：<a href=”http://www.itcast.cn” target=”_self”></a>

<a href=”http://www.itcast.cn” target=”_blank”></a>

*target：打开新页面方式

*_self:当前页面打开

*_biank：在空白页面打开

6、div和span：

* div:每一个div占满一整行。块级标签（换行）

         * span：文本信息在一行展示，行内标签 内联标签（不换行）

7、语义化标签：html5中为了提高程序的可读性，提供了一些标签。

  1. <header>：页眉

<header></header>

2. <footer>：页脚

<footer></footer>

8、表格标签：

<table border="1"width="100%" align="center"bgcolor="#ffd700"height="40" >

  <tr> 

<td>row 1, cell 1</td> 

<td>row 1, cell 2</td> 

</tr> 

<tr>

  <td>row 2, cell 1</td> 

<td>row 2, cell 2</td>

</tr>

 </table>

* table：定义表格

        * width：宽度

        * border：边框

        * cellpadding：定义内容和单元格的距离

        * cellspacing：定义单元格之间的距离。如果指定为0，则单元格的线会合为一条

        * bgcolor：背景色

        * align：对齐方式     

* tr：定义行     

* td：定义单元格

        * colspan：合并列 <td colspan="2"> </td>

        * rowspan：合并行 <td rowspan="2"> </td>

* th：定义表头单元格

        * <caption>：表格标题

        * <thead>：表示表格的头部分

        * <tbody>：表示表格的体部分

        * <tfoot>：表示表格的脚部分

  1. 如果某一行只有一个单元格，则使用<tr><td></tr></td>
  2. 如果某一行有多个单元格，则使用<tr><td><table></table></tr></td>
cc876
关注
html学习笔记
07-24
这个“html学习笔记”涵盖了HTML5的基础概念、新特性和实际应用，旨在帮助初级学习者快速入门并掌握这一核心技术。 在HTML5中，许多旧的元素被废弃，同时引入了许多新的元素，这些元素的设计更具有语义化，使得网页...
Html学习笔记
10-29
自己学习html的笔记,普通文本格式，适合非前端专业开发者参考。学的好还得自己好好理解。
HTML学习笔记.md
08-01
HTML学习笔记
html学习笔记.zip
04-05
介绍了html中代码格式和常用标签 #HTML格式 * `<!DOCTYPE html>`---------*注明文件使用格式* `<html lang="en">`--------*注明网页使用语言 en-英语 zh-CN-中文* `<head>`--------*头部* `...
javaweb 前端 html学习笔记
04-26
javaweb 前端 html学习笔记
HTML 学习笔记
03-29
HTML 学习笔记语法大全！ 适合初学者
基于Dockerfile构建的HTML学习笔记设计源码
10-03
本项目是一个基于Dockerfile构建的HTML学习笔记设计源码集合，包含204个文件，涵盖85个Markdown文件、37个PNG图片、31个JPG图片、18个Xmind思维导图、14个draw.io图表、4个JSON文件、2个XML文件、2个CMD脚本和2个...
个人HTML学习笔记.zip
03-13
html 学习资料 项目资料 项目源码 供学习参考 html 学习资料 项目资料 项目源码 供学习参考 html 学习资料 项目资料 项目源码 供学习参考 html 学习资料 项目资料 项目源码 供学习参考 html 学习资料 项目资料 项目...
HTML学习笔记–HTML的语法详解(必看)
12-14
... ...格式：<标记>内容</标记> 3.标记的属性（用来控制图像、文本等如何的显示）格式：<标记 属性1=属性值 属性2=属性值…>内容<...都是定义相同的标记，但是在编写网页的使用尽量...以上这篇HTML学习笔记–HT
web前端HTML学习笔记
08-30
前端笔记HTML部分
前端三件套html学习笔记
02-24
本人html学习笔记，方便遗忘后查找
html学习笔记1 基础标签
05-25
HTML 学习笔记 1 - 基础标签 HTML（HyperText Markup Language）是一种超文本标记语言，用于创建网页的标记语言。以下是 HTML 学习笔记 1 - 基础标签的知识点总结。 声明标签 * `<!DOCTYPE html>`：声明 HTML ...
一些html的学习笔记
01-03
通过自学w3cschool上的html知识和上课所学的一些html知识，然后使用markdown汇总，整理的一些笔记
【学习】【HTML】localStorage、sessionStorage、cookie
m0_61097007的博客
11-13 822
是 Web 存储的一种形式，它允许在浏览器中存储键值对。是网站通过 Web 浏览器留在访问者电脑上的一小段信息。）API 的一部分，用于在客户端浏览器中存储数据。
HTML面试题
weixin_62668406的博客
11-14 867
src用于指定要加载的资源路径，常出现于标签由name（指定元数据的名称）和content（提供与name对应的数据）定义，用于描述网页。href用于指定的目标地址和在文档头部使用引入外部样式表时，用href制定样式表的地址。defer适用于需要在HTML完全解析后才运行的JS，尤其是依赖于DOM的JS，适用于包含多个JS的页面。5.
11.15 HTML
最新发布
m0_73618358的博客
11-16 388
Web标准也称为网页标准，由一系列标准组成，大部分由W3C （World Wide Web Consortium，万维网联盟）负责制定。：负责网页的结构（页面元素和内容）。：负责网页的表现（页面元素的外观、位置等页面样式，如：颜色、大小等）：负责网页的行为（交互效果）HTML标签都是预定义好的。例如：使用<a> 展示超链接，使用<img> 展示图片，<video>展示视频。HTML代码直接在浏览器中运行，HTML标签由浏览器解析。
使用Markmap从链接生成脑图并下载为交互式HTML文件
Winfredzhang的博客
11-15 1015
在这篇博客中，我们将探讨如何从指定链接中提取内容，生成Markdown格式的脑图，然后使用Markmap将其可视化，并最终下载为交互式HTML文件。通过以上步骤，我们可以轻松从链接中提取内容，生成Markdown格式的脑图，并使用Markmap进行可视化，最终下载为交互式HTML文件。接下来，我们使用Markmap将Markdown格式的脑图可视化。打开链接，使用浏览器的开发者工具（通常按F12）查看网页的结构，并定位文章的主要部分。根据分析的网页内容，我们生成一个Markdown格式的脑图结构。
HTML之表单学习记录
qq_74474809的博客
11-14 316
表单
HTML学习笔记：从基础到实践
本资源是一个个人编写的HTML学习笔记，涵盖了HTML的基本概念、历史演变、常用编辑器以及基本结构和标签。HTML，全称为超文本标记语言，是一种用于创建网页的标准标记语言，它能描述网页的结构并嵌入文字、图形、动画...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值