html简单内容

最新推荐文章于 2024-09-05 22:55:24 发布
最新推荐文章于 2024-09-05 22:55:24 发布
阅读量940 收藏 1
点赞数 2
分类专栏： django python 文章标签： html 前端 html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43635902/article/details/122871519
版权
本文详细介绍了HTML的基础知识，包括标签结构、元素构成、头部元素（title和meta）、主体内容（body）和常用元素如文本、链接、列表等的使用方法。从超文本标记语言概念出发，教你如何创建首个网页并理解其工作原理。
摘要由CSDN通过智能技术生成

HTML

# HTML是属于前端技术，主要使用进行前端网页的开发，使用HTML开发出来的网页是一个静态页面

一、HTML简介

HTML 俗称网页，就是我们打开浏览器访问任何一个网站所看到的都是由 HTML 页面提供的（或者与 HTML 技术相关的内容提供）。

HTML 全称为 HyperText Markup Language，被译为超文本标记语言。所谓的超文本就是不仅只有文本内容，包括链接、音频和视频等内容。所谓标记语言，简单来说就是元素。也就是说，HTML 提供一系列的元素来构成一个页面中最基础的内容。

# HTML称为超文本标记语言
	1. 超文本  -- 普通文件 1.txt 只能显示文字 不能显示图像、音视频等 而超文本可以
	2. 标记语言 而不是编程语言 Python C C++ 变量、函数、选择、循环等
		标记语言的基本元素称为标记或标签 <html> xxx </html>

当你保存 HTML 文件时，既可以使用 .htm 也可以使用 .html 文件后缀。

# 1. 使用浏览器来运行html文件 
	- google chrome 谷歌浏览器
	- firefox 火狐
	- edge (win10)
	- ie 永远不要使用 - 只有一个作用：下载其它的浏览器
	
# 2. 编写HTML文件的工具：
	- 记事本 （不要用）
	- Hbuilder - 写前端的工具
	- Sublime txt - 轻量级
	- nodepad++ 
	------------真正的前端开发人员--------------
	- WebStorm  
	- VSCode 
	---------------后端开发人员---------------------
	- Pycharm

二、第一张网页

一个页面有且只有一个根标签是html， 元素一般包含 和 两个元素，也就是 HTML 的头部和主体内容。

<html>
    <head>
        <title>网页的标题</title>
    </head>
    <body>
        <!-- 这是一个文本框 -->
        <input type="text"></input>
    </body>
</html>
  • **HTML标签：**由尖括号包围：
  • 成对出现： <p></p> ,即开标签和闭标签.
  • 属性： 定义在开标签中，如input标签中的type属性
  • 简写： 开闭标签之间的内容是标签体，如果标签体为空，则可以简写：
  • 注释： 是注释标签
  • HTML文档在浏览器中被解释运行,展示的不是源码而是渲染之后的效果
# 1. 标准的HTML文件的结构
     (1) 需要有html的根标签 <html> xxx </html>
     (2) 在根标签内部包含了两个子标签  head和body
     (3) head表示头部信息 主要用于对网页进行说明描述的 比如网页的标签、编码等
     (4) body表示主体内容 主要用于展示给用户的
# 2. 网页的标题
    head标签中的title标签  <title> 这里写标题</title>

# 3. 刷新网页
    (1) 点击地址栏左边的刷新按钮
    (2) Ctrl + r
    (3) F5
    (4) Ctrl + F5  强制刷新 - 不加载缓存

# 4. 字符集: 避免中文乱码
    <meta charset="UTF-8">

# 5. 标签、标记、元素  <html> <title>

# 6. 标签的分类：
    双标签： <html> </html> 有开始有结束
    单标签： <meta >  单标签
    
# 7. 所有的标签都可以添加属性(相当给对象设置属性)
        <input type='text'>
        <input type="password">     
        
# 8. html中的注释   
	 - 快捷键  ctrl + /
	 - <!-- 被注释的内容 -->
	 
# 9. 当运行html文件后，在页面中，并不会直接展示标签本身，显示的是标签内的内容或标签所对应的样式

三、HTML头部

< head > 元素包含了当前 HTML 页面的所有头部元素，在 < head > 元素内必须定义 < title > 元素，还可以定义 < script >、< link > 等元素。

这些 HTML 的头部元素定义了当前页面的标题、编码、使用的脚本或样式等信息。

1、title元素

< title >元素定义了当前HTML页面的标题

<title>百度一下，你就知道</title>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gzAGLLbL-1644507625040)(HTML.assets/1530668619163.png)]

2、meta元素
元素提供了 HTML 页面的元数据（Metadata），元数据是存储数据的信息。

通常用于设置页面的编码、描述、关键词、作者等信息。

元素不会显示在页面中，但会被浏览器解析。
2.1 定义网页内容的编码格式
<meta charset="utf-8">
2.2 定义HTML页面关键字，用于搜索引擎
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
2.3 定义HTML页面描述
<meta name="description" content="百知教育IT培训,java培训,PHP培训,UI培训,H5培训,linux培训,大数据培训,Python人工智能,IT行业培训领跑者,高薪就业 ">
2.4 定义HTML页面作者
<meta name="author" content="百知教育">

# 1. 目前的前端学习，head标签中，只需要添加title和meta charset=utf-8即可，关键字、作者、描述等可以不加。# 2. 后续学习，在head标签，还会添加两个标签 script 和 style

注意：不要死记硬背，所有的知识点，都是靠理解和敲来巩固和记忆的

四、HTML主体

1、body元素
标签定义文档的主体。 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等）。**body元素中包含的内容（子标签）是用户可以看到的**。

一个 HTML 文件只能存在一个 标签。

2、HTML元素基本构成
2.1 元素类型

HTML 是标记语言，所谓标记就是指页面中的元素（元素也可以叫做标签）。一个完整的 HTML 页面都是由众多不同的元素组成的。

闭合元素：必须包含开始元素和结束元素，如果没有结束元素会产生意料之外的错误。

<title>百知教育Python人工智能培训</title><p>这是一个段落标签</p>                     <!--该标签的作用是表示一个段落，会有换行-->

空元素：也可以叫做单元素，只需要开始元素，而不需要结束元素。

<meta name="description" content="渥瑞达Web前端培训"><br/>            <!-- 换行 -- >

​

2.2 HTML属性

属性是设置在HTML元素中的，用于为元素添加附加信息。属性一般都是定义在开始元素中，并且是以“名称/值”对出现

 <input type="text" />   <!-- 这是一个文本框 --> <input type="button" value="点我" />   <!-- 这是一个按钮 -->

五、HTML文本

1、标题元素

HTML 提供了 6 个标题元素，由大到小依次为 <h1> 到 <h6>

<h1>这是一级标题</h1><h2>这是二级标题</h2><h3>这是三级标题</h3><h4>这是四级标题</h4><h5>这是五级标题</h5><h6>这是六级标题</h6>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-S751FUNV-1644507625042)(HTML.assets/1530670234313.png)]

2、段落

元素定义段落

: **浏览器会自动地在段落的前后添加空行** 
<p>	这是一个段落.                </p><p>这是另一个段落.</p>

注意： 在html中手动换行无效

3、换行

元素定义的段落内容是不会自动换行的，如果换行需要使用 br 元素 

<body>	生活赋予我们一种巨大的和无限高贵的礼品，这就是青春：充满着力量，充满着期待志愿，充满着求知和斗争的志向，充满着希望信心和青春。	<br>    人所缺乏的不是才干而是志向，不是成功的能力而是勤劳的意志。</body>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ObKf9OZw-1644507625042)(HTML.assets/1530670731312.png)]

# 1. 在html文件中，手动按回车换行，无效。	解决：使用p标签包围内容或使用<br># 2. 在html文件中，手动加空格无效，只会显示一个空格。 解决：	&nbsp;
4、水平线
在浏览器中显示一条水平线（分隔线）效果。

属性：size=“10” color=“red” width=“100px 或者 50%” align=“left/right/center”

​ 10像素高 颜色 宽度 对齐方式

<body>	生活赋予我们一种巨大的和无限高贵的礼品，这就是青春：充满着力量，充满着期待志愿，充满着求知和斗争的志向，充满着希望信心和青春。	<br>	<hr size="1" width="100%" color="red"/>	人所缺乏的不是才干而是志向，不是成功的能力而是勤劳的意志。</body>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-FGliiwtd-1644507625043)(HTML.assets/1530671029915.png)]

5、文本修饰
5.1 粗体字
这是一段正常未加粗的文本内容.<br><b>这是一段加粗之后的文本内容.</b><br><strong>粗体--着重强调</strong>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LwOPuIXi-1644507625044)(HTML.assets/1530672074778.png)]

5.2 斜体字
<i>这是一段斜体的文本内容.</i>
5.3 下划线
<body>	证明人：<u>百知教育</u></body>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UaOsQrtf-1644507625044)(HTML.assets/1530671768110.png)]

5.4 删除线
<body>	<del>这是一段要被删除的文字</del></body>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TAn7WYaw-1644507625045)(HTML.assets/1530671905293.png)]

5.5 下标文字
<body>	H<sub>2</sub>O</body>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CjHUzfIe-1644507625045)(HTML.assets/1530672009385.png)]

5.6 上标文字
3 2 = 9

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VapZkPy6-1644507625046)(HTML.assets/1530672138124.png)]

5.7 小号字
正常文字<small>小号文字</small>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-psP18hgX-1644507625047)(HTML.assets/1530672191397.png)]

5.8 大号字
<body>	<small>小号文字</small>	正常文字	<big>大号文字</big></body>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vU9dmnK0-1644507625048)(HTML.assets/1530672254286.png)]

六、图像与链接

1、图像元素

元素引入外部图像， 元素是空元素。

1.1 src属性

​ src 属性（必需），表示引入图像的 URL 地址。

<img src="images/img.png">

图像可以是本地地址，也可以是网络地址。

<img src="https://himg.bdimg.com/sys/portrait/item/c8764d725f6c6963656e6365g872fc876872f.jpg">
1.2 图像大小

width 和 height 属性用于设置图像显示的宽度和高度。

<img src="img.png" width="350" height="233" />
1.3 图像定位(了解)

align 属性用于设置图像显示的位置。

  • left：水平方向居左。
  • right：水平方向居右。
  • top：垂直方向居上。
  • bottom：垂直方向居下。
  • middle：居中。
<img src="img.png" width="350" height="233" align="right" />
1.4 alt属性
<img src="abcdef.png" alt="无法加载图片"/>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-RBRD4iTv-1644507625048)(HTML.assets/1530673186561.png)]

2、超链接
2.1 用法

href 属性（必需），表示指定跳转的 URL 地址

<a href="http://www.baizhiedu.com">百知教育</a>
2.2 打开方式： target 属性

元素的 target 属性用于设置链接的打开方式。

  • _blank：在新窗口打开链接。
  • _self：在当前窗口打开链接。
<a href="http://www.baizhiedu.com" target="_blank">百知教育</a>
2.3 锚点
<body>	<a id="postion"></a>       <!-- 定义锚点 -->	<!-- 页面其它内容		...		...		...	 -->	<a href="#postion">定位到postion的位置</a>  <!-- 链接到锚点 --></body>
2.4 回到顶部的空链接
<body>	<!-- 页面其它内容		...		...		...	 -->	<a href="#">回到顶部</a>   <!-- 回到顶部 --></body>

七、列表

1、无序列表
1.1 定义无序列表
  • 元素定义无序列表，用于列出页面上没有特定次序的条目。 
<ul>		<li>北京市</li>		<li>上海市</li>		<li>重庆市</li></ul>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SukRNu40-1644507625049)(HTML.assets/1530684550787.png)]

1.2 type属性

定义列表的项目符号的类型

  • disc：实心圆，默认值。
  • circle：空心圆。
  • square：实心矩形。
<ul type="circle">			<li>北京市</li>			<li>上海市</li>			<li>重庆市</li></ul>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-NvUBxrMd-1644507625050)(HTML+CSS_pic/1530684771419.png)]

2、有序列表
2.1 定义有序列表
<ol>			<li>北京市</li>			<li>上海市</li>			<li>重庆市</li></ol>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-EC5RJ7Nv-1644507625051)(HTML.assets/1530684878880.png)]

2.2 type属性
  • 1：数字值，默认值。
  • a 或 A：小写或大写字母。
  • i 或 I：小写或大写罗马数字。
<ol type="a">		<li>北京市</li>		<li>上海市</li>		<li>重庆市</li></ol>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Ed3exl5y-1644507625052)(HTML.assets/1530685009075.png)]

3、自定义列表

八、表格

1、表格使用

表格由 < table > 标签来定义。每个表格均有若干行（由 标签定义），每行被分割为若干单元格（由 标签定义）。

<table>	<tr>		<td>第1行，第1列</td>		<td>第1行，第2列</td>	</tr>	<tr>		<td>第2行，第1列</td>		<td>第2行，第2列</td>	</tr></table>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-h0tVbJNO-1644507625052)(HTML.assets/1530685462072.png)]

2、表格属性
属性名称描述
width 和 height设置表格的宽度和高度
align设置表格的对齐方式
border设置表格的边框宽度
bgcolor设置表格的背景颜色
cellpadding设置内边距（单元格边框与内容之间的距离）
cellspacing设置外边距（单元格之间的距离）
bordercolor边框颜色
<table border="1" cellspacing="0" bgcolor="gray" bordercolor="red" width="300px" height="100px" align="left">	<tr>		<td>第1行，第1列</td>		<td>第1行，第2列</td>	</tr>	<tr>		<td>第2行，第1列</td>		<td>第2行，第2列</td>	</tr></table>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-PLWgz44J-1644507625053)(HTML.assets/1530685943196.png)]

3、tr元素
属性名称值描述
alignright、left、center左右对齐方式
valigntop 、middle 、bottom垂直对齐方式
bgcolorrgb(xxx,xxx,xxx)、colorName背景颜色
<table border="1" cellspacing="0" width="500px" height="100px">	<tr align="center">		<td>第1行，第1列</td>		<td>第1行，第2列</td>	</tr>	<tr align="right" valign="top" bgcolor="blue">		<td>第2行，第1列</td>		<td>第2行，第2列</td>	</tr></table>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-v89UyJSI-1644507625053)(HTML.assets/1530695272576.png)]

4、td元素
元素是定义表格的数据单元格。
属性名称值描述
alignright、center、left设置水平对齐方式
valigntop、middle、bottom设置垂直对齐方式
width和heightpixels 、%设置单元格的宽和高
colspan和rowspannumber设置单元格的跨列和跨行数量
bgcolorrbg()、colorName单元格背景色
<table border="1" cellspacing="0" width="500px" height="100px">	<tr>		<td align="center">第1行，第1列</td>		<td valign="top">第1行，第2列</td>	</tr>	<tr>		<td width="300px">第2行，第1列</td>		<td bgcolor='red'>第2行，第2列</td>	</tr></table>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5hxDveKK-1644507625054)(HTML.assets/1530697152946.png)]

合并行和列

<table border="1" cellspacing="0" width="500px" height="200px">	<tr>		<td>第1行，第1列</td>		<td>第1行，第2列</td>	</tr>	<tr>		<td colspan="2">第2行，第1列</td>	 	</tr>	<tr>		<td>第3行，第1列</td>		<td rowspan="2">第3行，第2列</td>	</tr>	<tr>		<td>第4行，第1列</td>	</tr></table>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8mY04Bpg-1644507625054)(HTML.assets/1530697074613.png)]

5、表格标题caption
元素用于定义表格的标题，必须紧随 元素之后，且只能对每个表格定义一个标题。 
<table border="1" cellspacing="0" width="500px" height="100px">	<caption>表格标题</caption>	<tr>		<td>第1行，第1列</td>		<td>第1行，第2列</td>	</tr>	<tr>		<td>第2行，第1列</td>		<td>第2行，第2列</td>	</tr></table>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-U7jaUhZ0-1644507625055)(HTML.assets/1530697414224.png)]

6、表头thead、tbody表主体、tfoot表脚注
标签定义表格的表头。 
<table border="1" cellspacing="0" width="500px" height="100px">	<caption>信息</caption>	<thead>		<tr>			<th>姓名</th> <!-- 定义表头单元格 会加粗显示 -->  			<th>性别</th>		</tr>	</thead>	<tr>		<td>Tom</td>		<td>boy</td>	</tr>	<tr>		<td>Linda</td>		<td>girl</td>	</tr></table>

tfoot 元素应该与 thead 和 tbody 元素结合起来使用。 （比较少用）

九、表单

# 表单在网页中主要负责数据采集功能
1、form 元素

表单用标签描述，表单内部可以有多个子标签，用来完成用户信息的收集，并发送请求给服务器。

属性：action=“xxx” method=“get/post”

​ 请求地址 请求方式

http://www.baidu.com?uname=abc&passwd=123<form action="http://www.baidu.com" method="get">	username:<input type="text" name="uname" id="uname115"/><br/>  # abc	password:<input type="text" name="passwd" id="pwd115"/><br/>   # 123	<input type="submit" value="提交" id="sub115"/></form>

# 1. action="服务器的地址" # 2. method="get/post"	- get 会自动收集数据，会将数据以key=value的形式拼接在服务器地址的后面 它是可见的 如果有敏感信息就不安全	- post 会自动收集数据，会将数据隐藏起来，更安全
2、表单元素

元素有很多不同类型，根据不同的 type 属性来决定。

用户名：<input type="text" name="txt" />  <!-- text表示文本框-->

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Pb5soE9K-1644507625055)(HTML.assets/1530757524606.png)]

  • type属性：
类型名称描述
text文本输入框
password密码框
radio单选按钮
checkbox复选框
button按钮
submit提交按钮
reset重置按钮
file文件域

  • name属性 ：标签的普通的属性，相当于别名，是每个输入控件的重要属性==请求参数名。

  • id属性 ： 标签的唯一标识名，不能重复。

  • value属性 ：标签的普通属性，是中药属性==请求参数值。

2.1 文本框
用户名：<input type="text" name="txt" />  <!-- text表示文本框-->

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vBqFFHfl-1644507625056)(HTML.assets/1530758139189.png)]

用户名：<input type="text" name="pwd" value="Mr_lee" maxlength="10" readonly="readonly" />
2.2 密码框
密码：<input type="password" name="pwd" value="123456" />

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-21P87cwF-1644507625056)(HTML.assets/1530758213655.png)]

2.3 单选按钮
<!-- name：值必须一样，value：表示提交表单时的值 checked:默认选中--><input type="radio" name="sex" value="1">男       <input type="radio" name="sex" value="0" checked="checked">女

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-agyZZ5Io-1644507625057)(HTML.assets/1530758647865.png)]

2.4 复选框
<input type="checkbox" name="course" value="Mysql">Mysql<input type="checkbox" name="course" value="HTML">HTML<input type="checkbox" name="course" value="Linux">Linux<input type="checkbox" name="course" value="Django">Django

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-GgfAT0gW-1644507625057)(HTML.assets/1530758924865.png)]

2.5 按钮
<input type="button" name="btn" value="点我">

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0UsxMIgZ-1644507625057)(HTML.assets/1530759170832.png)]

2.6 提交按钮
<input type="submit" name="sub_btn" value="提交">

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-BwRP0N7V-1644507625058)(HTML.assets/1530759206331.png)]

2.7 重置按钮
<input type="reset" name="set_btn" value="重置">

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-chwywVk8-1644507625058)(HTML.assets/1530759252821.png)]

2.8 文件域

<input type="file">

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zUeGF95g-1644507625058)(HTML.assets/1530759404657.png)]

2.9 文本域
<textarea name="txtInfo" rows="4" cols="20">aa</textarea>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-B4l4b7ne-1644507625059)(HTML.assets/1530759866508.png)]

3、下拉选框
选择课程：<select name="course">	<option value="1">Java</option>	<option value="2" selected="selected">C++</option>	<option value="3">PHP</option></select>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-uW269Z5b-1644507625059)(HTML.assets/1530759604602.png)]

4、表单综合实例

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-PUBotc66-1644507625060)(HTML.assets/1530759682014.png)]

十、特殊符号

显示结果描述实体名称
空格&nbsp;
<小于号&lt;
>大于号&gt;
©版权（copyright）&copy;
®注册商标&reg;
™商标&trade;
橘 长
关注
专栏目录
HTML基础
weixin_40541713的博客
08-11 1127
目录标题HTml简介## 什么是HTMLHTML 标签HTML骨架格式HTML标签HTML标题HTML 段落HTML 链接HTML 图像水平线标签(认识)换行标签(熟记)div span标签(重点)文本格式化标签(熟记)锚点定位base 标签路径(重点、难点)相对路径绝对路径列表标签无序列表 ul （重点）有序列表 ol （了解）自定义列表（理解）表格 table(会使用)创建表格表格属性表头标签...
一个简单的HTML网页 、个人主页网页设计(HTML+CSS)
热门推荐
html精品源码
08-15 1万+
🧑个人网页设计、🙋‍♂️个人简历制作、👨‍💼简单静态HTML个人网页作品、👨‍🏭个人介绍网站模板 、等网站的设计与制作。⭐个人网页设计网站模板采用DIV CSS布局制作，网页作品有多个页面，如 :个人介绍（文字页面）、我的作品（图片列表）、个人技能（图文页面）、在线留言（表单页面）CSS样式方面网页整体采用左右布局结构，制作了网页背景图片，导航区域每个导航背景色不同，导航背景色与页面背景呼应。🏅 一套A+的网页应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大......
HTML&CSS note
新手记录工作中成长点滴-
12-14 1173
Html (1天)  一、Html简介    HTML 标记语言 , 忽略大小写，语法宽松，XML区分大小写    HTML 标记的格式组成：         ELEMENT:   元素 - 标识标记       ATTRIBUTE: 属性 - 描述标记       value:     值  - 分配给属性的内容 二、超链接     Hypertext     Pro
HTML 基础
最新发布
2301_79881188的博客
09-05 1161
HTML（HyperText Markup Language）是构建网页的标准标记语言。HTML包括一系列标签tag。通过这些标签,可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。:整个html文件的根标签最顶层标签head和body是html的子标签(html就是head和body的父标签。
HTML基本内容。
weixin_46953330的博客
10-26 635
HTML的基本概念 1.什么是HTML？ HTML是一种创建网页标准的超文本标记语言。 2.HTML的基本框架是什么？ <!DOCTYPE html> 网页的类型声明 <html> <head lang="en"> 网页的语言类型 <meta charset=UTF-8> 浏览器的编码格式 <title>xxxxx<title> 网页的标题标签 <head> &l
HTML详细内容
JJpZh的博客
04-14 270
head标签 body标签 <h>标题标签 h1到h6依次变小 自带换行功能（块级标签） <hr/>好人(拼音)的分界线 align(位置)：center,left,right width="600px/40%" size(字体高度) color（颜色） 列表标签 有序列表：<ol><li> 1. 2. 3.(可用type更改：I,a,A) 无序列表:<ul><li> . . . 自定义列表:<dl><
有关HTML的内容
qq_36952231的博客
12-11 230
HTML是一种超文本标记语言-----页面内容/结构 一.注释 /*文字内容*/ 二.HTML标记类型 1.单标记 (1)：单一性、无属性值。如： (2)：属性=“属性值”。如 2.双标记 .....,没有属性值。如....... 三.网页主体标记body body属性： 四,段落控制标记 段落标记格式：............ 五.字体修饰 h1-h6(标题文字标
HTML做一个简单漂亮的宠物网页（纯html代码）
QQ_____365392777的博客
08-15 1万+
🐕 宠物网页设计 、🐼保护动物网页、🐋鲸鱼海豚主题、🐘保护大象、等网站的设计与制作。🏷️HTML宠物网页设计，采用DIV+CSS布局，共有多个页面，排版整洁，内容丰富，主题鲜明，首页使用CSS排版比较丰富，色彩鲜明有活力，导航与正文字体分别设置不同字号大小。导航区域设置了背景图。子页面有纯文字页面和图文并茂页面。🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的......
HTML制作个简单的网页
Piwrim的博客
11-29 6288
超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。 您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。 注意：对于中文网页需要使用<meta charset="utf-8">声明编码，否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码，则你需要设置为<meta charset="gbk">。
HTML写一个简单网页
m0_67391270的博客
03-08 7755
最近学习了一点HTML，闲来无事写个网页看看，欢迎、改进、留言。 演示地点：跳转到演示地点 一、初始化页面 body,button,dd,dl, dt,form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul,a,div,span { margin: 0; padding: 0; } ul{ list-style: none; } a{ text-decoration: no
使用HTML制作简单的新闻页面
xxiLz_的博客
01-21 1万+
这次我们学习的是如何使用HTML制作简单的新闻页面 完成效果如下图所示： 进行效果分析 制作结构 首先打开dw 创新文件夹（前面已经讲过了） 将所要展示的文字输入在<body>标签内 水平线用<hr> 添加样式 补充一点文本格式化标签，有如下几种标签：(HTML属性的定义形式“属性=“属性值””) 然后要对字体颜色大小进行修改 利用<h2 align=”center”>使得标题和时间居中 利用HTML的文本样式标签<font&.
最简单的HTML文件
12-11
简单的HTML文件，也是最基本的，有简单的表单验证。
一个简单的html文件
11-15
一个简单的html网站，由本人编写并发布在github上，是本人踏入编程的第一步
HTML文档相关内容
09-16
该资料中包含CSS、HTML、JavaScript、BootStrap相关内容文档，仅供学习参考
HTML的内容
weixin_44560027的博客
03-29 270
开发工具与关键技术：MVC/c# 作者：张文静 撰写时间：2019/3/29 HTML指超文本标记语言：HyperText Markup Language,它不是编程语言，是标记语言 ，标记语言是一套标记标签，用来描述网页，HTML文档包含HTML标签及文本内容，HTML文档也叫做 Web页面；HTML标签由尖括号包围的，比如,标签通常成对出现，第一个标签是开始标签，第二个标签是结束标签，也被称为...
3 HTML内容
amnesiagreen的博客
05-19 165
创建Web是为了通过Internet共享文档，而HTML是用来编写这些文档的语言。 虽然文本一直是主要的媒介，但HTML逐渐包含了其他类型的内容，如图像和视频。
html基本内容
wtt234的专栏
12-09 157
http协议： 四大特性 1.基于请求响应 2.基于tcp/ip 作用于应用层之上的协议 3.无状态协议 【没有记忆状态】 解决保护用户状态：cookie，session，token为了解决记忆装填问题 4.无连接 短链接，请求后，响应 长连接：websocket（群聊功能，服务端主动给客户端发送消息） 请求数据格式： 请求首行（http协议的版本，当前请求方式） 请求头：（k,v键值对，很对） 空格… 请求体（get 没有请求提，post有请求体） 请求方式： 1.get请求 #要
HTML基本内容（全）
qq_55192561的博客
08-07 1262
HTML web标准分成三个构成： （1）构成 语言 说明 （2）结构 HTML 页面元素和内容 （3）表现 CSS 网页元素的外观和位置等页面样式（如：颜色、大小等） （4）行为 JS 网页模型的定义与页面交互 是告诉我们使用html5版本 是字符集 gb2312简体字 BIG5繁体字 GBK全部中文 UTF-8包含全世界所有国家需要的字符 相对路径： 下级目录：目标文件在下级目录中： 代码步骤： 1、文件夹名字 2、进入这个文件/ 3.直接写目标文件名字 vs code快捷操作：./ 上级目录： 代码步
HTML文本内容
H U C
03-16 841
转载出自：http://www.w3cschool.cn/html/html-css-format.html FCL 浦东新区春晓路439号 $399 Warning: $199 Javascript. This is a te
构建HTML简单计算器
"HTML计算器代码实现一个简单的计算功能" 在网页开发中，HTML（HyperText Markup Language）通常用于创建页面结构，而JavaScript则负责处理交互逻辑。这个“HTML计算器”示例是一个基本的交互式计算器，它使用HTML...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值