学习html总结
来源:互联网 发布:一分钱图片淘宝怎么弄 编辑:程序博客网 时间:2024/05/29 18:35
首先我们要知道Html是一门超文本语言(超越了文字所能描述的范围)简单来说它就是除了可以展示基本的文字信息以外还可以展示像图片之类文字所不能描述的信息,它之所以能够展示这些超文本信息是因为它是由标签组成的它可以通过标签的组合来实现超文本信息的展示,我们主要使用它来写网页。
接下来总结一下html的基本语言特点:
- html代码是分为两个部分的,分别是头和体,很明显头是用来存放一些说明性的东西比如我们一般看到的网页的标题,体则是用来展示我们所要表达的信息内容
- html的扩展名有两种一种是htm一种是html前者是以前的版本
- html它所写的文件是由浏览器来直接解析运行的无需编译直接从上到下依次执行,所以它的速度要比别的语言快.
- html的标签 前面说过html是由标签组成的那怎么少的了标签呢,首先我们来说一下标签的结构:
- 首先标签有两种写法第一种它是由开始标签和结束标签组成的:<font>内容体</font>
- 标签的第二种写法它是有一个标签组成的没有内容体:<br/>
- 标签也具有自己的属性用来更好的展示它所要描述的内容:<font 属性="属性值">内容体</font>
- 标签不区分大小写,可以嵌套
- 我们总结了html的构造,它的运行方式(不用编译从上到下直接运行)和标签的结构,那么它是如何展示内容的呢,有的人看到了上面标签中有一个内容体就因该可以想到我们的内容就是写到开始标签和结束标签之中的从而通过标签来展示出来一些文字信息所不具备的能力,所以我们才叫html为超文本语言.
- 首先标签有两种写法第一种它是由开始标签和结束标签组成的:<font>内容体</font>
<font face="verdana" size="3" color="red">你好!</font> face:设置字体 size:字体大小 color:字体颜色font标签是用来描述规定文本的字体、字体尺寸、字体颜色,不过基本上用不到.<a href="http://www.baidu.com">百度</a> href:用来指定我们要跳转页面的URLa标签我认为是超文本的核心因为我们可以通过它链接到不同的文档,href属性是a标签的最重要的属性它告诉了我们目的地.<br/> br标签用来换行<button type="button"> 按钮</button> button标签用来生成一个按钮,但因为不同浏览器它产生的按钮值所以一般用input标签<div>
<h3>This is a header</h3>h标签是用来定义标题的,它一共有6个等级分别从1-6,1是最大的字体 <p>This is a paragraph.</p>p段落标签,用于展示效果中划分段落。并且自动在段前和段后自动加空白行</div>
div标签是一个块级标签它可以把文档分区,它的内容可以自动换行,一般的标签是不支持自动换行的
是html中的空格符
<img src="图片的路径" width="图片宽度" height="图片的高度"/>
img标签用来在页面上显示一张图片
<ul>
<li>Coffee</li>li标签是用来定义列表项目 <li>Tea</li> <li>Milk</li></ul>
ul标签是一个无序列表
<ol>
<li>Coffee</li> <li>Tea</li> <li>Milk</li></ol>ol标签用来定义一个有序列表<table border="1"> border属性:用来定义表格线的宽度 <tr> tr标签用来定义表格中的一行 <th rowspan="2">Month</th> rowspan属性:用于跨行合并单元格th标签用来定义表格中的一列,内容会加粗居中 <th>Savings</th> </tr> <tr> <td colspan="1">January</td> colspan属性:用来跨列合并单元格td标签用来定义表格中的一列 <td>$100</td> </tr></table>table标签用来定义一个表格<span></span> 行级块标签在一行中定义一个块,不会自动换行<form action="" method=""> action属性: 规定表单提交时想哪里返送表单数据 method 属性 : 用来确定提交表单的方式(post和get) <input type="text" name="name" />type="text"用来生成一个文本输入框 name属性是该标签的名字 <input type="password" name="name" /> type="password" 用来生成一个密码输入框 name属性是该标签的名字<input type="radio" checked="checked" name="name" value="value" /> type="radio" 用来生成一个单选框 name 是该标签的名字 value 是该标签的值<input type="radio" name="name" value="value1" checked="checked"/> 注意如果有多个单选按钮并且只能选一个则它们的name必须相同 checked属性:用来默认选中<input type="checkbox" name="Bike" checked="checked"> type="checkbox" 用来生成复选框 checked属性:用来默认选中<select name="cars">select标签用来创建下拉列表<option value="volvo" selected="selected">Volvo</option> selected 属性:用来确定该选项是否被默认选中option标签用来创建下拉列表中的一个选项<option value="saab">Saab</option><option value="fiat">Fiat</option><option value="audi">Audi</option> </select><textarea rows="10" cols="30"> rows属性: 该文本域的行数 cols属性:该文本域的列数textarea 标签用来创建一个文本域<input type="button" value="Hello world!"> type="button"用来创建一个按钮<input type="submit" value="Submit"> type="submit" 用来创建一个提交按钮 <input type="reset" value="reset"> type="reset" 用来创建一个重置按钮</form><iframe src="http://www.baidu.com"></iframe>iframe 标签是内联框架就是用来在该页面中显示另一个页面这里我只总结了我学习中所使用的一些标签的作用和一些重要的属性.以后我们会去总结关于css的知识来写标签的属性,好了就总结到这里.
阅读全文
0 0
- HTML学习总结
- html学习总结
- 简单html学习总结
- html学习总结
- HTML学习总结1
- HTML学习总结
- html基础学习总结
- Html学习总结一
- Html学习总结
- HTML DOM学习总结
- html 学习总结
- java HTML学习总结
- HTML 学习总结
- HTML&CSS学习总结
- HTML 学习总结
- HTML学习总结
- HTML学习总结
- html自我学习总结
- 数据对象的强转换
- DialogFragment的使用
- MUI 在上拉加载的容器中手机无法触发click事件
- pandas教程---------DataFrame选择数据(12/4)
- JFRAME的关闭设置
- 学习html总结
- LeetCode--Balanced Binary Tree
- PHP开发中涉及到emoji表情的几种处理方法
- 530. Minimum Absolute Difference in BST
- [自然语言处理] 分享一个工业级NLP工具-SpaCy
- 选择排序
- Spring5学习(二)-spring projects之Spring HATEOAS
- JS异步加载的三种方式
- 常用数据处理算法-灰色关联分析(GM)