HTML基础小结

最新推荐文章于 2024-10-08 17:57:19 发布
最新推荐文章于 2024-10-08 17:57:19 发布
阅读量455 收藏
点赞数
文章标签： html 标签 HTML基础标签 css选择器 列表
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/East_mainland_master/article/details/51105078
版权
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>New Document</title>
</head>
<body>
一、元素
<!--块级-->
<p>段落</p>
<ul></ul>
<ol></ol>
<h1>标题</h1>
<!--行内-->
<b>加粗</b>
<strong>加粗</strong>
<i>倾斜</i>
<em>倾斜</em>
<u>下划线</u>
<s>删除线</s>
<sup>上标</sup>
<sub>下标</sub>
<span></span>
<a href="" target=""></a>
<hr width="" height="" color="" size="" align=""/>
二、实体
&nbsp;
&lt;
&gt;
&reg;
&copy;
&#39;
&apos;
&quot;
<hr/>
三 *路径
<!--绝对路径：-->
file:///D:/xubenjun/day05/summary.html
<!--相对路径：-->
1、同级：<img src="image.jpg"  alt="" title="" width="" height=""/>
2、父级：<img src="../../image.png"/>
3、子级：<img src="images/image.gif"/>
<hr/>
四、超链接
1.<a href="跳转的url" target="">用来点击</a>
2.邮箱<a href="mailto:xxx@163.com">邮箱</a>
<hr/>
五、列表
*1.无序列表
<ul type="disc|circle|square|none">
<li></li>
<li></li>
</ul>
2.有序列表
<ol type="1|i|I|a|A" start="">
<li></li>
<li></li>
</ol>
3.自定义列表
<dl>
<dt>标题</dt>
<dd>内容</dd>
</dl>
4.表格嵌套---在li里面嵌套
<ul type="circle">
<li>
<li></li>
<li></li>
</li>
<li></li>
<ul>
<Hr/>
六. *表格
<table   width="300px" height="300px" border="1px" bordercolor="" bgcolor="" background="" cellspacing="" cellpadding="" align="">
<tr>
<td bgcolor="" align="" valign="" colspan="" rowspan=""></td>
<td></td>
</tr>
<tr><!--表格嵌套，注意表格的完整性-->
<td></td>
<td></td>
</tr>
</table>
七. *表单
<form method="get|post" action="">
<input type="text" name="" size="" placeholder="" maxlength=""/><br/>
<input type="password" placeholder="" value="" maxlength=""/><br/>
<input type="radio" name="一致" value="1"/><br/>
<input type="radio" name="一致" value="2"/><br/>
<input type="checkbox" name="same[ ]" value="1"/><br/>
<input type="checkbox" name="same[ ]" value="2"/><br/>
<textarea cols="" rows="" placeholder=""></textarea><br/>
<select>
<option size="" disabled multiple value="1"></option>
<option value="2"></option>
</select>
<br/>
<input type="submit|reset|button" value="按钮上的内容"/>
</form>
八.css层叠样式
</body>
</html>
East_mainland_master
关注
HTML小结
01-20
HTML，全称HyperText Markup Language，是一种用于创建网页的标准标记语言。它不是编程语言，而是一种标记语言，通过一系列的标签来描述网页的...了解并熟练掌握这些基础知识对于创建响应式、交互性强的网页至关重要。
vue.js入门教程之基础语法小结
12-28
前言 Vue.js是一个数据驱动的web界面库。Vue.js只聚焦于视图层，可以很容易的和其他库整合。代码压缩后只有24kb。 以下代码是Vue.js最简单的例子， 当 input 中的内容...vue.js的基础语法 插入文本 <span>Message: {{
html5基础小结
m0_64446111的博客
12-16 1112
superxmy，小羊写的html5的总结，新手不建议看，怕把你误导了，内容也不是很全（都是一些到处都是的东西），只是一小段时间学到的总结。
数据库基础知识小结
cnds123的专栏
01-06 1万+
数据库基础知识小结， 数据库（Database）是存储在计算机内有结构的数据的集合。数据库中的数据按一定的数据模型组织、描述和存储，具有较小的冗余度、较高的数据独立性和易扩展性，并可为多个用户共享。
django基础小结
热门推荐
zhang_Ming_lu的博客
07-03 4万+
Pyhton 的 web开发框架Flask / Django / Tornado / Pyramid / Bottle / Web2py / web.py / Django高内聚, 低耦合使用MVC架构 (model controller view)做到数据与数据的显示解藕和, 同一组数据可以以不同的形式显示Djago可以快速上手, 快速出产品Django开始项目步骤创建虚拟环境pyth...
django基础小结02
zhang_Ming_lu的博客
07-03 4万+
表单提交, request.method cookie session表单提交的令牌{% csrf_token%}随机令牌, 放置重复操作, 重放攻击, 只有每次都是不同是才表示不是恶意访问type='hidden' 隐藏域, 页面上不会显示input通过模板对数据库中关联的表进行重写操作,验证有效性继承自forms.Form 和 forms.ModelForm页面模板 &lt...
Web基础——Html基础
威威的博客
12-26 4392
1.初识Html HTML 指的是超文本标记语言 (Hyper Text Markup Language)是用来描述网页的一种语言。 HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) html作用: 网页是由网页元素组成的 ， 这些元素是利用html标签描述出来，然后通过浏览器解析，就可以显示给用户了。 所谓超文本，有2层含义： 因为它可以加入图片、声音、动画、多媒体等内容（ 超越文本限制 ） 不仅如此，它还可以从一个文
前端-HTML基础知识详解
qq_52262831的博客
12-23 4982
目录： 初始常用的HTML标签 资源路径 列表标签 表格标签 表单标签 表单提交
HTML基础
EX1332914934的博客
10-05 1万+
1.HTML初识 HTML 指的是超文本标记语言 (Hyper Text Markup Language)是用来描述网页的一种语言。 HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML总结： html 是超文本标记(标签)语言 我们学习html 主要学习html标签 我们用html标签描述网页元素。 比如 图片标签 、文字标签、链接标签等等 标签有自己的语法规范，所有的html标签都是用 <> 表
HTML5基础小结（一）——标签变化
学会改变自己——才能突破
10-27 4125
随着Android,IOS手机，平板等各种App的不断扩增，加上对过去传统HTML的的各种不完善，例如视频依靠Flash，对手机和桌面的不兼容等等。HTML5来了，来解决这些问题了。         Html5是W3C（World Wide Web  Consortium,万维网联盟）与WHATWG（Web Hypertext Application Technology Working Grou
HTML 小结
学习编程，热爱编程
11-30 1613
What HTML指的是超文本标记语言（Hyper Text Markup Language）. HTML 不是一种编程语言，而是一种标记语言（markup language） 标记语言是一套标记标签（markup tag） HTML 使用标记标签来描述网页 HTML 用来结构化信息--例如标题，段落和列表等，也可用来在一定程度上描述文档的外观和语义。   Why HTML 是一种
HTML基础（二）
weixin_52555162的博客
03-13 3463
这次要介绍的是块标签，行标签和行块标签，先来看看思维导图： 001：块标签 来看看块标签的大致结构框架： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="w.
javascript DOM 操作基础知识小结
12-11
本篇将总结DOM操作的基础知识，重点讲解如何添加元素以及使用节点属性。 1. DOM基础 DOM树中的节点类型包括： - Document：文档的根节点，所有其他节点都隶属于它。 - DocumentType：用于表示<!DOCTYPE>声明的...
React 插入不转义的html
y523648的博客
10-08 175
在 React 中，字符串作为内容插入到 JSX 中，默认会被转义。这是为了防止 执行恶意代码，XSS（跨站脚本攻击）等安全问题。如果想要 HTML 不被转义，可以使用dangerouslySetInnerHTML属性。
HTML & CSS 基础
最新发布
.bin的博客
10-08 1648
HTML CSS 入门笔记
HTML的修饰(CSS) -- 第三课
ZxVSaccount的博客
10-01 1058
前面我们已经了解了html的一些基本使用方法,我们再写html代码的时候不可避免的会改变其中的一些样式,而这就有一种专门的方式用来修饰html编写的网页的样式,它就是css!本节主要介绍了css 的基本用法和属性,内容较多,多多练习,熟能生巧!
好玩的水表电表
lulei5153的博客
10-01 1985
【代码】好玩的水表电表。
HTML流光爱心
兔子王
09-29 3936
HTML语言实现红蓝色流光爱心效果的完整代码。
HTML语言基础 章节小结
09-12
HTML（HyperText Markup Language）是构建网页和网络应用的基础语言。它通过标签（tags）来定义内容的结构和意义。以下是HTML语言基础的章节小结： 1. HTML文档结构：一个基本的HTML文档由`<!DOCTYPE html>`, `<html>`, `<head>` 和 `<body>` 几个部分组成。`<!DOCTYPE html>`声明文档类型，`<html>`是页面的根元素，`<head>`包含了文档的元数据如标题和链接的脚本或样式表，`<body>`则包含了可见的页面内容。 2. 基本HTML元素：HTML元素由开始标签、内容和结束标签组成。比如`<p>这是一个段落。</p>`表示一个段落元素。常见的元素包括标题（`<h1>`到`<h6>`）、段落(`<p>`), 链接(`<a>`), 图像(`<img>`), 列表(`<ul>`, `<ol>`, `<li>`)等。 3. HTML属性：HTML标签可以拥有属性，提供关于如何处理元素的额外信息。例如，`<a href="https://www.example.com">访问我的网站</a>`中的`href`属性指定了链接的目标URL。 4. HTML5新增特性：HTML5引入了许多新元素和API，例如用于多媒体的`<audio>`和`<video>`标签，用于绘图的`<canvas>`，以及提供页面结构的`<header>`, `<footer>`, `<nav>`, `<section>`, `<article>`等。 5. 标记语言的语义化：语义化的HTML意味着使用合适的标签来表达内容的结构和含义。比如使用`<article>`来标识独立的内容块，使用`<nav>`来表示导航链接等。 6. 布局和CSS：虽然HTML用于定义内容的结构，但HTML本身不负责布局。布局通常通过CSS（层叠样式表）来实现。HTML和CSS的结合使用可以让开发者控制页面的布局、颜色、字体和其他视觉效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值