常用语法概述

众所周知,学习一门语言,最重要的还是要掌握其语法,HTML也不例外。作为一门超文本标记语言,HTML是一种标准,也是一种规范,它通过标记符号来标记要显示的网页中的各个部分。掌握常用HTML语法是我们学习HTML的基本要求,下面我们就来为大家讲述HTML语法。

1、<常规标记>

<标记 属性=“属性值” 属性=“属性值”></标记>

标记也可叫标签或叫元素

例如:<head></head>

2、空标记

<标记 属性=“属性值” />

例如:<meta charset=”utf-8”>

3、文本标题(h1-h6)

<h1>LOGO</h1>

<h2>二级标题</h2>

<h3>三级标题H3</h3>

<h4>四级标题H4</h4>

<h5>五级标题</h5>

<h6>六级标题</h6>

注:文本标题标签自带加粗,有自己的文本大小,并且独占一行,有默认间距

4、段落文本(p)

<p>段落文本内容</p>

标识一个段落(段落与段落之间有段间距)

5、空格

所占位置没有一个确定的值,这与当前字体字号都有关系.

6、换行(br)

<br />

换行是一个空标记(强制换行)

7、水平线

<hr />空标记

8、加粗有两个标记

A、<b>加粗内容</b>只是显示加粗

B、<strong>强调的内容</strong>突出的文本

9、倾斜

<em>强调文本</em>

<i>倾斜文本</i>

10、扩展

<u>文本</u>下划线

<del>文本</del>删除线

<s>文本</s>删除线

<sub></sub>下标

<sup></sup>上标

11、列表(ul,ol,dl)

HTML中有三种列表分别是:无序列表,有序列表,自定义列表

*无序列表

无序列表组成:

<ul>(unordered list)

<li></li>

<li></li>

......

</ul>

*有序列表

有序列表组成:

<ol>(ordered list)

<li></li>

<li></li>

......

</ol>

*自定义列表

<dl>(definition list)

<dt>名词</dt>

<dd>解释</dd>

(definition description)

......

</dl>

12、插入图片

<img src="目标文件路径及全称" alt="图片替换文本" title="图片标题" width="宽度" height="高度"/>

注:所要插入的图片必须放在站点下

title的作用:图片的标题; 在你鼠标悬停在该图片上时显示一个小提示,鼠标离开就没有了,HTML的绝大多数标签都支持title属性,title属性就是专门做提示信息的

alt的作用:提示文本 必写;alt属性是在你的图片因为某种原因不能加载时在页面显示的提示信息,它会直接输出在原本加载图片的地方。(优化图片的)

*相对路径的写法:

2)当当前文件与目标文件所处的文件夹在同一目录下,写法如下:

3)当当前文件所处的文件夹和目标文件所处的文件夹在同一目录下,写法如下:

../目标文件所处文件夹名/目标文件文件名+扩展名;

13、超链接的应用

语法:

属性:target:页面打开方式,默认属性值_self。

属性值:_blank 新窗口打开

14、数据表格的作用及组成

作用:显示数据

表格组成

<table width="value" height="value" border="value">

<tr>

<td></td>

<td></td>

</tr>

</table>

注:一个tr表示一行;一个td表示一列(一个单元格)

15、表单的作用及组成

表单的作用:用来收集用户的信息的;

表单组成:表单框(表单域form)

提示信息

表单控件/表单元素

1)、表单框

<form name="表单名称(英文字母开头的)" method(提交方式)="post/get" action="表单提交的地址"></form>

2)文本框

<input type="text" value="默认值" placeholder="提示文本" />

3)密码框

<input type="password" placeholder="密码"/>

4)提交按钮

<input type="submit" value="按钮内容" />

<input type="reset" value="按钮内容"/>重置按钮

5)单选框/单选按钮

<input type="radio" name="ral" value="radiovalue"/>

<input type="radio" name="ral" checked="checked" />

单选按钮里的name属性必须写,同一组单选按钮的name属性值必须一样。

6)复选框

<input type="checkbox" name="like" value="checkboxvalue" />

复选按钮里的name属性必须写,同一组复选按钮的name属性值必须一样。

checked="checked"表示默认被选中,可简写成checked

disabled="disabled"表示禁用,可简写成disabled

enabled:可用状态

7)下拉菜单

<select name="">

<option name="" value="表单被提交时被发送到服务器的值">菜单内容</option>

</select>

8)多行文本框(文本域)

<textarea name="textareal" cols="字符宽度" rows="行数">

</textarea>

9)跳转按钮

<input name="'" type="button" value=“按钮内容” />

<button></button>

16、div和span的用法

<div ></div>

没有具体含义, 除了独占一行之外没有任何其它的默认属性,是页面布局中常用的标签;

<span> </span>

文本结点标签

可以是某一小段文本,或是某一个字。 它除了不换行外,没有任何其它的默认属性;

HTML布局教程详解

XML和HTML区别详解

Html视频下载,初学者速成

Editplus编辑HTML步骤详解

让我们深入的了解下mybatis返回主键id

rabbitmq部署的生产指南

mysql in查询的方法有哪些

让我们了解下tomcat日志文件在哪

0基础 0学费 15天面授

有基础 直达就业

工作1~3年,加薪神器

工作3~5年,晋升架构

初级 202925

初级 203221

初级 202629

初级 203743

答:零基础学Java不要盲目,可以先尝试自己适不适合... 查看回答

答:零基础学Java不要盲目,可以先尝试自己适不适合... 查看回答

答:零基础学Java不要盲目,可以先尝试自己适不适合... 查看回答

THE END
0.天机姓名学真正完美修正版(楷体)七、最独特——它是老师慧心独创,代表当今姓名学的最高水平,其独特的易学 思维无人能及,其预测技巧准确传神,开启了姓名学的新纪元。 八、最神奇——预测结果往往出人意料,其预测内容令人难以置信,以为有特异 功能,使人拍案叫绝。 第一部分阴阳五行基础知识 jvzq<84yyy4489iqe0ipo8hqpvkov86512;1485913;28;<9a4>35<<::;4tj}rn
1.城市规划建设图例符号大全常见的水平符号包括水平线、平面图和等高线等。 这些符号的使用可以帮助读者更好地理解建筑物的外观和布局。 7. 建筑元素符号建筑元素符号用于标识建筑物中的各个元素,例如墙壁、窗户和门等。 这些符号通常是通过简化的图标形式来表示,以便在图纸上占用较小的空间。 8. 比例尺符号比例尺符号用于表示图纸上的尺寸和实jvzquC41o0972mteu0tfv8iqe1667;8844?/j}rn
2.幼儿诗歌大全11篇师:出示“停顿”“重音”等标记符号。“这些是什么标记?表示什么?”和孩子们共同回忆。(2) 自主选择合适的标记,尝试朗诵。孩子人手一张图文并茂《雷公公在敲门》的诗歌图谱,边朗读边做上相应的标记,做好标记后自己尝试朗诵。(3) 个人朗诵会,同伴点评。幼儿根据自己的图谱进行朗诵表演,其他同伴安静倾听,进行简单jvzquC41yy}/hjgkcq4dqv3ep1nbq€jp13=36A3jvor
3.html5文本控制标记有哪些前端问答html5文本控制标记有:1、标题标记(h1、h2、h3、h4、h5、h6);2、段落标记(p);3、水平线标记(hr);4、换行标记(br);5、文本格式化标记(b、strong、i、em、s、del、u、ins);6、特殊字符标记。 本教程操作环境:windows7系统、HTML5版、Dell G3电脑。 jvzquC41yy}/rqu0ep5ku6ywvqxjcu26:99997mvon
4.差异显著性分析怎么标注数据|帆软数字化转型知识库在差异显著性分析中,标注数据的关键是选择合适的统计符号和表示方法,以便清晰地展示哪些差异具有显著性。常用的方法包括:使用星号表示法、p值标注、以及显著性水平标记。使用星号表示法是最直观的一种方式,通常在表格或图表中添加星号来表示数据差异的显著性。具体来说,可以在数据旁边添加一个或多个星号,例如一个星号表示p<0.05,两个星号表示jvzquC41yy}/hjstwct/exr1dnuh1jwvkerf1?:7:660
5.读书汇报材料通用12篇1.文中标记 在阅读过程中,用不同的符号标记出感悟深刻或者语言文字十分优美的字词句。 2.文中批注 “读而不思则罔,思而不读则殆。”读书要边读边思考,读到感悟深刻的地方,不妨在语段的旁边写下自己的此时所感、此时所悟。寻到文章的绝妙之处,思考一下:此处为何写得如此绝美?运用了哪些修辞手法?运用了哪些jvzquC41|idzk3zwgyiw7hqo1nbq€jp19727>3jvor
6.matlabplot王北色彩字符颜色线型字符线型格式标记符号数据点形式标记符号数据点形式 y黄- 实线. 点< 小于号 m紫: 点线o 圆s 正方形 c青-. 点划线x 叉号d 菱形 r红- - 虚线+ 加号h 六角星 g绿* 星号p 五角星 b蓝v 向下三角形 w白^ 向上三角形 k黑> 大于号 jvzquC41yy}/ewgnqiy/exr1pqxujtnpi1v06=;9448/j}rn
7.诗歌朗诵技巧(精选5篇)培养学生诗歌朗诵的技巧,可以将诗歌朗诵训练直观化,将训练所得的方法、要领等外化于各种符号标记,这种最简便的训练方法,对学生来说也是最为有效的方法。 处理诗作文本的符号体系是简便易行的,只要稍微熟悉一下即运用自如。下面用一些常见的符号举例说明: jvzquC41yy}/3vnujw4dqv4jcq}fp8=334:/j}rn
8.iPhone手机的这些基础功能你都知道吗那么怎么才能关闭它呢,其实很简单,进入到设置界面——往下拉找到对应的 APP 点击进入——找到通知选项——关闭应用图标标记。此外用户若是觉得锁屏时顶部弹出通知太烦,或是通知中心消息太繁杂,也是在这个地方设置关闭对应 APP 的通知。 快速开启放大器 放大器”功能可以让用户使用相机快速放大事物,激活这项功能需要进入设置——通用——辅助jvzq<84rtqjve}3reqtmkwj0eqs/ew4kvdq0dt}v13=168>273;767mvon
9.【设计法则】学会这三个视觉动线模型,解决你99%的界面布局疑问!x滌絢 +Iv鰸 紝仗僃澹膊铎PjvzquC41yy}/|ltqn0ipo7hp1cxuklqg1\SUWSlG{UB?F3jvor
10.python之Matplotlibmatplotlibdeprecationwarning:auto当字体设置支撑中文后,必须设置符号,否则当数值中出现负值时,负号无法显示: 解决方式:修改轴中负号编码,不使用unicode的负号,axes表示所有轴(x and y 轴) plt.rcParams['axes.unicode_minus'] = False 一键获取完整项目代码 1 显示中文问题:需要修改2个配置信息: jvzquC41dnuh0lxfp0tfv8vsa6;92:69;1gsvrhng1jfvjnnu173:977;9:
11.天津:2023年高考考生温馨提示(一):考试早知道4.做非选择题时,须用黑色墨水的钢笔或签字笔作答,严禁用圆珠笔或铅笔作答。如需对非选择题答案进行修改,不得用涂改类物品,要用修改符号划去后,紧挨上方或下方写出新的答案,但不能超出该题目的答题区域边框。 5.要保持答题卡卡面的清洁,不要折叠、弄破。 jvzquC41iculcx3ejuo/exr0ep5hm}1|e5tu87245661;5452;43874;2>36@940jznn
12.离心机33.1主机标记14 3.2符号和注释的说明15 3.3操作人员的责任16 3.4操作人员16 3.5非正式安全注释16 3.6离心的安全指南17 3.6.1电路安全17 3.6.2机械安全17 3.6.3防火18 3.6.4化学安全和生物安全18 3.6.5离心机的安全指南19 3.6.6塑料热阻19 3.6.7转子和配件的使用寿命20 jvzquC41pqthz~j0d{gv0niw0et0jjsfk|~0497512<1;8h623=b39;:875qcpj0jvs
13.HTMLCSS与前端标记深入解析双标记也称体标记,是指由开始和结束两个标记符组成的标记。其基本语法格式如下: 单标签(单标记) 单标记也称空标记,是指用一个标记符号即可完整地描述某个功能的标记。其基本语法格式如下: h标签 h 标签有六种 h1,h2,h3,h4,h5,h6,它代表着我们的标题。 p标签 p 标签是我们的文本标签。删掉上段代码 标签里的内容,把下面的内容放 jvzquC41dnuh0lxfp0tfv8|gkzooa=6825?468ftvkimg8igvcomu8642:615==