HTML世界核心

这篇具有很好参考价值的文章主要介绍了HTML世界核心。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

目录

一、基本文档(Basic Documentation)

二、基本标签(Basic Tags)

三、文本格式化(Formatting)

四、链接(Links)

五、图片(Images)

六、样式/区块(Styles/Sections)

七、无序列表(Disorder List)

八、有序列表(Sequence List)

九、定义列表(Defining List)

十、表格(Tables)

十一、框架(Iframe)

十二、表单(Forms)

十二、标签简写及全称

 十三、功能排序

十四、全局属性


一、基本文档(Basic Documentation)

<!DOCTYPE html>

<html>

<head>

<title>文档标题</title>

</head>

<body> 可见文本

</body>

</html>

二、基本标签(Basic Tags)

<h1>最大的标题</h1>

<h2> . . . </h2>

<h3> . . . </h3>

<h4> . . . </h4>

<h5> . . . </h5>

<h6>最小的标题</h6>

<p>这是一个段落。</p>

<br> (换行)

<hr> (水平线)

<!-- 这是注释 -->

三、文本格式化(Formatting)

<b>粗体文本</b>

<code>计算机代码</code>

<em>强调文本</em>

<i>斜体文本</i>

<kbd>键盘输入</kbd>

<pre>预格式化文本</pre>

<small>更小的文本</small>

<strong>重要的文本</strong>

<abbr> (缩写)

<address> (联系信息)

<bdo> (文字方向)

<blockquote> (从另一个源引用的部分)

<cite> (工作的名称)

<del> (删除的文本)

<ins> (插入的文本)

<sub> (下标文本)

<sup> (上标文本)

四、链接(Links)

普通的链接:<a href="http://www.example.com/">链接文本</a>

图像链接: <a href="http://www.example.com/"><img src="URL" alt="替换文本"></a>

邮件链接: <a href="mailto:webmaster@example.com">发送e-mail</a>

书签:

<a id="tips">提示部分</a>

<a href="#tips">跳到提示部分</a>

五、图片(Images)

<img src="URL" alt="替换文本" height="42" width="42">

六、样式/区块(Styles/Sections)

<style type="text/css">

h1 {color:red;}

p {color:blue;}

</style>

<div>文档中的块级元素</div>

<span>文档中的内联元素</span>

七、无序列表(Disorder List)

<ul>

<li>项目</li>

<li>项目</li>

</ul>

八、有序列表(Sequence List)

<ol>

<li>第一项</li>

<li>第二项</li>

</ol>

九、定义列表(Defining List)

<dl>

<dt>项目 1</dt>

<dd>描述项目 1</dd>

<dt>项目 2</dt>

<dd>描述项目 2</dd>

</dl>

十、表格(Tables)

<table border="1">

<tr>

<th>表格标题</th>

<th>表格标题</th>

</tr>

<tr>

<td>表格数据</td>

<td>表格数据</td>

</tr>

</table>

十一、框架(Iframe)

<iframe src="demo_iframe.htm"></iframe>

十二、表单(Forms)

<form action="demo_form.php" method="post/get">

<input type="text" name="email" size="40" maxlength="50">

<input type="password">

<input type="checkbox" checked="checked">

<input type="radio" checked="checked">

<input type="submit" value="Send">

<input type="reset">

<input type="hidden">

<select>

<option>梨子</option>

<option selected="selected">香蕉</option>

<option>车厘子</option>

</select>

<textarea name="comment" rows="60" cols="20"></textarea>

</form>文章来源地址https://www.toymoban.com/news/detail-834767.html

到了这里,关于HTML世界核心的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • html5——前端笔记

    html页面: !DOCTYPE 不是一个 HTML 标签,它就是 文档类型声明标签,这句代码的意思是: 当前页面采取的是 HTML5 版本来显示网页 声明位于文档中的最前面的位置,处于 标签之前。 不是一个 HTML 标签,它就是 文档类型声明标签。 lang 语言种类,用来定义当前文档显示的语言。

    2024年02月10日
    浏览(41)
  • 前端html学习笔记

    目录 一、文本标签 1. 单标签 2. 双标签 3. 重要的信息往下面放(自行判断) 4. 不重要的信息往下面放(自行判断) 二、图片标签 三、路径 1. 绝对路径 2.相对路径 (1) 同级目录: (2) 下级目录: (3) 上级目录 四、音频标签 五、视频标签 六、链接标签 1. target: 七、列表标签

    2024年01月24日
    浏览(49)
  • 〖大前端 - 基础入门三大核心之JS篇㊲〗- DOM改变元素节点的css样式、HTML属性

    说明:该文属于 大前端全栈架构白宝书专栏, 目前阶段免费 , 如需要项目实战或者是体系化资源,文末名片加V! 作者:不渴望力量的哈士奇(哈哥),十余年工作经验, 从事过全栈研发、产品经理等工作,目前在公司担任研发部门CTO。 荣誉: 2022年度博客之星Top4、2023年度超

    2024年02月04日
    浏览(65)
  • 前端基础---HTML笔记汇总一

    HTML定义 HTML超文本标记语言—— H yper T ext M arkup L anguage。 超文本是什么? 链接 标记是什么? 标记也叫标签,带尖括号的文本 标签分类 单标签 :只有 开始标签 ,没有 结束标签 ( br换行 hr水平线 img 图像标签 ) 双标签 : 成对出现 的标签(但凡需要包裹内容的都是双标签 因为需

    2024年02月11日
    浏览(52)
  • 2023前端面试笔记 —— HTML5

    内容 链接 2023前端面试笔记 HTML5 HTML5作为最新的HTML标准,为前端开发带来了许多新的特性和功能。在前端面试中,HTML5的知识和应用已经成为了必备的技能。本篇文章将总结HTML5的 重要知识点和常见面试题 ,帮助读者更好地准备前端面试,提升自己的竞争力。 HTML 超文本标记

    2024年02月11日
    浏览(56)
  • 前端学习心得笔记之一(HTML篇)

    对于python爬虫、数据分析等等一些实用技能的学习,小编思考良久,觉得前端知识的学习无比重要。就先去学习HTML的基础知识,希望可以帮到读者学习和了解HTML。 一个网页由哪些部分组成(网页标准)? (一)、结构:HTML (二)、表现:CSS  了解HTM (三)、行为:JavaS

    2024年02月22日
    浏览(50)
  • 前端开发1:HTML

    在现代互联网的世界中,网页是我们与世界沟通的窗口。而HTML(超文本标记语言)作为网页的基石,扮演着至关重要的角色。在本篇博客中,我将向你介绍HTML的基本概念、语法以及一些常用的HTML标签。 HTML是一种标记语言,用于描述网页的结构和内容。它由一系列的标签组

    2024年01月18日
    浏览(51)
  • Html + Jquery + Vue前端学习笔记

    输入框里的值变了,data里的查询参数也会跟着变,这就是vue的绑定 @keyup.enter.native 这个代表键盘的回车事件,一般用来做查询 clearable 代表可清空 看一下整体效果 some方法判断数组中是否包含某个值 div富文本显示,u3000代表空格 上移,下移,删除,添加 控制两个按钮切换变

    2024年02月12日
    浏览(41)
  • Web前端开发:HTML、CSS

    在介绍Web网站工作流程的时候提到, 前端开发,主要的职责就是将数据以好看的样式呈现出来,说白了,就是开发网页程序 ,如下图所示: 1.   网页有哪些部分组成 ? 文字、图片、音频、视频、超链接、表格等等。 2.  我们看到的网页,背后的本质是什么 ? 程序员写的前端

    2023年04月18日
    浏览(41)
  • 【计算机编程语言】HTML-前端基础知识

    学习网站:https://jquery.cuishifeng.cn/index.html HTML5+CSS3 1.1什么是HTML Hyper Text Markup Language - (超文本标记语言) 超文本:文字、图片、音频、视频、动画等 W3C:World Wide Web Consortium - 万维网联盟 - 中立性技术标准机构 W3C标准 结构 化标准语言(HTML、XML) 表现 标准语言(CSS) 行为

    2024年02月15日
    浏览(66)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包