DDR爱好者之家 Design By 杰米
编外话
如果你对html一无所知,还苦恼与html如何入门,笔者很建议你学习下这篇文章,可以让你快速掌握html,如果你已经是html的高手,那么也希望您给我以更好的建议。
概要
HTML俗称超文本标记语言,是Hyper TextMarkup Language的缩写,是用于描述网页文档的一种标记语言。网页文件本身只是一种文本文件,我们通过在文本文件中添加标记符号,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等),这些标记符号就是我们的html,我们学习html就是学习这些标记符号,今天我们主要来学习一些常见的html标记符号也称为html元素、
标签元素
标签介绍
html元素包括一个或一对标签定义的包含范围。而标签就是由两个字符串“<”和“>”号组成,标签包括开始标签“<>”和结束标签“</>”。
html标签元素有四种形式分别是:
空元素:<br>
带有属性的空元素:<hrfont="red">
带有内容的元素:<titile>这是内容</titile>
带有内容和属性的元素:<fontcolor="red">这是内容</font>
这里有一点要说的是在html文档中,标签和属性的名字是和大小无关的。
html框架的必备基本元素
<html></html>表示文档的开始和文档结束
<head></head>表示文档头部的开始和结束
<title></title>表示文档标题的开始和结束
<body></body>表示文档的正文的开始和结束
html注释
格式是小于号(<),感叹号(!)小于号和感叹号间无空格,接下来是两条短线(--),然后就是注释内容,最后又是两条短线(--)和大于号(>)。
如:<!--这是注释内容-->
与段落控制相关的标签
<palign="#">
创建一个段落,属性align表示段落的对齐方式,#可以是left、center、right、justify。
<br>
作用是换行
<hrcolor="#">
作用是插入一条水平线,属性color用来表示颜色。
与文本显示相关的标签
<center>…</center>
使文本居中显示
<hnalign="#"></hn>
作用是表示文档的标题,n是从1-6的整数,一次为最大标题,6是最小标题,align为设置标题对齐方式,包括left、center、right
<fontsize=n color="#">...</font>
设置字体,size为字体大小,从1到7的整数,数字越大,字体越大。
<b>...</b>
使文本成为粗体。
<i>…</i>
使文本成为斜体
列表元素创建的标签
a.创建带数字编号的列表:
<ol>...</ol>用start属性,设置起始的序号。
<li>...</li>用value属性,改变列表内的序号顺序。
b.创建带有项目符合的列表:
<ul>和<li>,他们标签的type属性指定符号的样式:
disc,显示为实心的圆圈;
square,显示未实心的方块。
circle,显示未空心的圆圈
b.建立无符号的列表
<dl>与<dt>标签创建无符号的列表
<dd>和<dt>,创建缩进的列表
表格元素的标签
表格在网页布局中的作用是至关重要的,表格是用<table>来定义的,
具体的定义为:<tableborder=n aligh="#" bgcolor="rgb">
属性border用于定义表格边框的宽度,属性align用于设定表格的对齐方式,可以是left、right、center。bgcolor是颜色。
<caption>…</caption>用来定义表格的标题
<tr>...</tr>为表格添加新行
<th>…</th>用于定义表头
<td>…</td>用于定义单元格
html交互式表单
表单在网页中主要负责数据采集功能,比如我们平常注册信息、输入信息可以与网页进行交互的都是表单。
表单使用<form>...</form>元素创建,在两者之间嵌入其它相关元素或者说是控件,就可以创建作为html文档一部分的表单。
创建表单的基本语法如下:
<formmethod="get or post" action="URL">….</form>
属性method用于指定向服务器发送表单数据时所使用的HTTP方法,用get或者post皆可,提交的数据被附加到URL的末端,作为URL的一部分发送到服务器。
下面就是关于表单常用的一些元素:
<input>元素用于接收用户输入的信息,它是一个带有属性的空元素,用来创建表单中的控件语法是
<inputtype="type" name="name" size="size"value="value'>
属性type用来指定要创建的控件的类型,属性那么用来指定控件的名称,size用来指定表单中控件的初始宽度,属性value指定控件的初始值。
关于type的类型可以参考下面张图片:
特殊字符元素
特殊字符包括字符引用和实体引用,下面我们将常用的进行总结
总结
我们将这些用的最多的也是最基础的一些标签元素进行了总结,一旦掌握这些最基础的,你就可以快速成为html初级人员,编写一个简单的html网页是不成问题的,这也为以后的进一步学习打下基础。
如果你对html一无所知,还苦恼与html如何入门,笔者很建议你学习下这篇文章,可以让你快速掌握html,如果你已经是html的高手,那么也希望您给我以更好的建议。
概要
HTML俗称超文本标记语言,是Hyper TextMarkup Language的缩写,是用于描述网页文档的一种标记语言。网页文件本身只是一种文本文件,我们通过在文本文件中添加标记符号,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等),这些标记符号就是我们的html,我们学习html就是学习这些标记符号,今天我们主要来学习一些常见的html标记符号也称为html元素、
标签元素
标签介绍
html元素包括一个或一对标签定义的包含范围。而标签就是由两个字符串“<”和“>”号组成,标签包括开始标签“<>”和结束标签“</>”。
html标签元素有四种形式分别是:
空元素:<br>
带有属性的空元素:<hrfont="red">
带有内容的元素:<titile>这是内容</titile>
带有内容和属性的元素:<fontcolor="red">这是内容</font>
这里有一点要说的是在html文档中,标签和属性的名字是和大小无关的。
html框架的必备基本元素
<html></html>表示文档的开始和文档结束
<head></head>表示文档头部的开始和结束
<title></title>表示文档标题的开始和结束
<body></body>表示文档的正文的开始和结束
html注释
格式是小于号(<),感叹号(!)小于号和感叹号间无空格,接下来是两条短线(--),然后就是注释内容,最后又是两条短线(--)和大于号(>)。
如:<!--这是注释内容-->
与段落控制相关的标签
<palign="#">
创建一个段落,属性align表示段落的对齐方式,#可以是left、center、right、justify。
<br>
作用是换行
<hrcolor="#">
作用是插入一条水平线,属性color用来表示颜色。
与文本显示相关的标签
<center>…</center>
使文本居中显示
<hnalign="#"></hn>
作用是表示文档的标题,n是从1-6的整数,一次为最大标题,6是最小标题,align为设置标题对齐方式,包括left、center、right
<fontsize=n color="#">...</font>
设置字体,size为字体大小,从1到7的整数,数字越大,字体越大。
<b>...</b>
使文本成为粗体。
<i>…</i>
使文本成为斜体
列表元素创建的标签
a.创建带数字编号的列表:
<ol>...</ol>用start属性,设置起始的序号。
<li>...</li>用value属性,改变列表内的序号顺序。
b.创建带有项目符合的列表:
<ul>和<li>,他们标签的type属性指定符号的样式:
disc,显示为实心的圆圈;
square,显示未实心的方块。
circle,显示未空心的圆圈
b.建立无符号的列表
<dl>与<dt>标签创建无符号的列表
<dd>和<dt>,创建缩进的列表
表格元素的标签
表格在网页布局中的作用是至关重要的,表格是用<table>来定义的,
具体的定义为:<tableborder=n aligh="#" bgcolor="rgb">
属性border用于定义表格边框的宽度,属性align用于设定表格的对齐方式,可以是left、right、center。bgcolor是颜色。
<caption>…</caption>用来定义表格的标题
<tr>...</tr>为表格添加新行
<th>…</th>用于定义表头
<td>…</td>用于定义单元格
html交互式表单
表单在网页中主要负责数据采集功能,比如我们平常注册信息、输入信息可以与网页进行交互的都是表单。
表单使用<form>...</form>元素创建,在两者之间嵌入其它相关元素或者说是控件,就可以创建作为html文档一部分的表单。
创建表单的基本语法如下:
<formmethod="get or post" action="URL">….</form>
属性method用于指定向服务器发送表单数据时所使用的HTTP方法,用get或者post皆可,提交的数据被附加到URL的末端,作为URL的一部分发送到服务器。
下面就是关于表单常用的一些元素:
<input>元素用于接收用户输入的信息,它是一个带有属性的空元素,用来创建表单中的控件语法是
<inputtype="type" name="name" size="size"value="value'>
属性type用来指定要创建的控件的类型,属性那么用来指定控件的名称,size用来指定表单中控件的初始宽度,属性value指定控件的初始值。
关于type的类型可以参考下面张图片:
特殊字符元素
特殊字符包括字符引用和实体引用,下面我们将常用的进行总结
总结
我们将这些用的最多的也是最基础的一些标签元素进行了总结,一旦掌握这些最基础的,你就可以快速成为html初级人员,编写一个简单的html网页是不成问题的,这也为以后的进一步学习打下基础。
DDR爱好者之家 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
DDR爱好者之家 Design By 杰米
暂无评论...
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。
更新日志
2024年12月26日
2024年12月26日
- 小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE]
- 群星《欢迎来到我身边 电影原声专辑》[320K/MP3][105.02MB]
- 群星《欢迎来到我身边 电影原声专辑》[FLAC/分轨][480.9MB]
- 雷婷《梦里蓝天HQⅡ》 2023头版限量编号低速原抓[WAV+CUE][463M]
- 群星《2024好听新歌42》AI调整音效【WAV分轨】
- 王思雨-《思念陪着鸿雁飞》WAV
- 王思雨《喜马拉雅HQ》头版限量编号[WAV+CUE]
- 李健《无时无刻》[WAV+CUE][590M]
- 陈奕迅《酝酿》[WAV分轨][502M]
- 卓依婷《化蝶》2CD[WAV+CUE][1.1G]
- 群星《吉他王(黑胶CD)》[WAV+CUE]
- 齐秦《穿乐(穿越)》[WAV+CUE]
- 发烧珍品《数位CD音响测试-动向效果(九)》【WAV+CUE】
- 邝美云《邝美云精装歌集》[DSF][1.6G]
- 吕方《爱一回伤一回》[WAV+CUE][454M]