HTML基础-标签
html标签元素
在HTML静态页面中，每个网页具有唯一`<html></html>`,即`<html>`标签。
即网页中的盒子，起分割作用，分割内容使用的常用标签。DIV+CSS更是网页分割常用方法。
<!-- span为行内元素 -->
<span>内容</span>
<a href="网址、链接地址" target="目标" title="说明">被链接内容</a>
<!-- 通过a标签也可设置锚点链接 -->
br 换行标签
p 段落标签
H1 H2 H3 H4 H5 H6标题标签常常使用在一个网页中唯一标题、重要栏目、重要标题等情形下。
<b></b>与<strong></strong>都表示加粗
em: 强调标签
i: 斜体
u: 下划线
s: 贯穿线
hr: 水平线
<img src="图片路径" width="175" height="47" alt="" />
sub: 下标
sup: 上标
不换行内容放入<nobr></nobr>中即可
此标签与 css white-space 功能相同
<form action="" method="get/post"> </form>
点击<label>标签文字时，实现对应控件被选择，需要对应表单控件id的值与label标签内的for值相同。
<input name="" type="submit" value="提交" />
<!-- type的取值：text, submit, checkbox, radio -->
<textarea name="test" cols="30" rows="4">
textarea
</textarea>
<select name="">
<option value="0">select1</option>
<option value="1">select2</option>
</select>
<form action="" method="get">
您喜欢的水果？<br /><br />
<input name="Fruit" type="checkbox" value="" />苹果
<input name="Fruit" type="checkbox" value="" />桃子
<input name="Fruit" type="checkbox" value="" />香蕉
<input name="Fruit" type="checkbox" value="" />梨
</form>
<input name="Fruit" type="radio" value="" />
<font color="#FF0000">font标签</font>
<table border="表格边框" width="表格的宽度" height="表格的高度" cellpadding="单元格内边距" cellspacing="单元格之间的间距">
<caption>设置表格的标题</caption>
<tr>
<th></th>
<th></th>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<!--colspan：列跨度
rowspan：行跨度
bgcolor：背景颜色
background：设置背景图片
align：对其方式 值为left，center，right-->
</table>
无序列表，有序列表，自定义列表 列表可嵌套使用
无序列表：ul>li, type类型有square正方形，circle空心圆，disc实心圆
有序列表：ol>li, type类型有1，a，A，罗马数字
自定义列表：dl>dt+dd, dt和dd并列
超文本标记语言规定以`<html>`开始，以`</html>`结束组成。也可以理解为HTML网页规定的规则；也可以理解为一篇网页缺少了`<html>`就不叫HTML。
同时网页中HTML标签需要加入DOCTYPE声明。这样网页CSS样式才能全能生效。
1. 在DIV+CSS切图布局重构技术中，提到div，而在html中代码布局使用最多标签为div；
2. 故我们通常将网页重构说成div css制作；
3. Div本身没有什么特别之处，而div标签替代了以前table标签布局；
4. 他们通过对div标签对象设置不同样式实现我们要的美化效果；
5. 特性，通常一对未设置任何样式的div，独占一行。
1. 在DIV+CSS切图布局重构技术中，除了常常使用div标签外也常常使用span标签布局；
2. 在DIV+CSS切图布局重构技术中，除了常常使用div标签外也常常使用span标签布局；
3. 他们也可以通过对span标签对象设置不同样式实现我们要的美化效果；
4. 特性，通常一对未设置任何样式的span，高宽是自适应内容，多容多少，此标签就占用多少距离空间。
- href值后跟网址URL或相对地址
- target目标值
- _blank -- 在新窗口中打开链接
- _parent -- 在父窗口中打开链接
- _self -- 在当前窗体打开链接,此为默认值
- _top -- 在当前窗体打开链接，并替换当前的整个窗体(框架页)
- 如果target不带值，代表在本页父窗体中打开链接
首先，相同之处是br和p都是有换行的属性及意思
其次，区别`<br />`是只需一个单独使用，而`<p>`和`</p>`是一对使用。再次，br标签是小换行提行，p标签是大换行（分段）各行作用。
针对搜索引擎来说是告诉了不同标签下代表不同的重要级别内容。如果你在一个网页中使用的1-2中H型标签中都含有一个相同关键字，搜索引擎也会格外注重你所注重关键字与内容，但切记无滥用。
Html b与html strong加粗标签用法没有区别，一般想节约字节字符就用b加粗标签
* em: 标签（html em强调标签）告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说，这意味着要把这段文字用斜体方式呈现给大家显示，这个与html I斜体标签相同效果。
* i: 斜体标签元素告诉浏览器把其加i标签的文本以斜体方式显示给浏览者。
* u: 划线标签告诉浏览器把其加u标签的文本加下划线样式呈现显示给浏览者。
* s: 删除线标签告诉浏览器把其加s标签的文本文字加删除划线样式（文字中间一道横线）呈现显示给浏览者。
* hr: html Hr水平线特点是100%宽度水平分割线，并且独占一行，hr水平线将与上下内容一定距离。
* Src 跟图片路径
* Width 设置图片宽度
* Height 设置图片高度
* Alt 设置对这张图片文字描述，通常设置描述是为了搜索引擎能读懂你这张图片表达内容（有利于搜索引擎优化因素而使用）
* Img标签在html中是引入外部图片到网页中显示的标签。
* 需要上浮上标的内容前加`<sup>`后加`</sup>`标签
* 需要下浮下标内容前加`<sub>`后加`</sub>`标签
如不遇到br换行标签，内容在一行显示完，如遇到br换行标签，内容将在加br换行自动换行。
Method的值为get时，是通过URL传内容与参数,这个时候我们通过网址URL能看见自己填写内容提交处理
Method的值为post时，是通过类似缓存传填写内容与参数，而URL是不能看到form表单填写内容提交内容。
`<label for="man">男</label>`
Label标签内文字更加需要填写
Label标签内for属性的值为自定义，一般与想实现点击会触发控件对象的ID对应相同
- Name为此表单控件识别命名，一般使用英文字母在一个页面里具有唯一性
- Type为表单控件样式
- type="text" 输入框控件，用于输入内容如用户名、密码之类内容输入框控件
- type="submit" 按钮控件，用于提交、重置动作
- type="checkbox" 多选复选框控件，用于多选题、多选功能
- type="radio" 单选框，用于单选，唯一选择功能
name为传值命名
clos为字符宽度（每行输入文字多少宽度）
rows为行数，默认输入框区域显示高度
我们使用表单下拉列表选择数据，如省、市、县、年、月等数据，我们即可使用下拉菜单表单进行设置。
select 我下拉列表菜单标签
Option为下拉列表数据标签
Value 为Option的数据值（用于数据的传值）
使用html input标签，name为自定义，type类型为“checkbox”的表单
使用html input标签，name为自定义，type类型为“radio”的表单
标签直接使用color颜色参数设置文字颜色，值可以直接加RGB颜色值（#FFFFFF 、#000000 、#F00）
RGB颜色值在实际布局时候确定，可以使用Photoshop（简称PS）拾取工具进行获取获得。
table即生成一个表格
tr 表示一行
th，td 表示一个单元格，th一般用作标题
<!-- 无序列表 -->
<ul>
<li></li>
<li></li>
</ul>
<!-- 有序列表 -->
<ol>
<li></li>
<li></li>
</ol>
<!-- 自定义列表 -->
<dl>
<dt></dt>
<dd></dd>
</dl>
HTML基础-标签的更多相关文章
- HTML基础标签入门
HTML基础标签 昨天学习了一些HTML的基本标签以及基本属性: HTML是一种超文本标记语言,其中PHP是世界上最好的语言(增加学习的动力荣誉感). HTML文档里包含三部分: <html&g ...
- HTML常用基础标签
HTML常用基础标签 带有语义的标签 <em> </em> 强调 <strong> </strong> 比em强调级别高 <abbr> &l ...
- html_基础标签
块级标签: 默认情况会占位一整行行内(内联)标签:默认只有自己的大小 块级标签如: <div>我是字</div> <h1>标题1</h1> < ...
- IT兄弟连 HTML5教程 HTML5文字版面和编辑标签 HTML基础标签
指引 网页中的信息主要是以文本为主的,可以通过字体.大小.颜色.底纹.边框等来设置文本的属性.文字版面的编辑包括文本标签和格式标签两种,在浏览器中显示的文字内容和格式都要在<body>标记 ...
- HTML&CSS基础-标签的属性
HTML&CSS基础-标签的属性 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.html源代码 <!-- html 根标签,一个页面中有且只有一个根标签,网页中的 ...
- HTML基础标签图片文本超链接列表表格介绍
1.HTML基础标签图片常见代码形式<img src="图片路径地址" alt="属性名" title="占位符">常见的图片格 ...
- HTML基础标签学习
HTML基础学习 前言 HTML基础学习会由HTML基础标签学习.HTML表单学习和一张思维导图总结HTML基础三篇文章构成,文章中博主会提取出重点常用的知识和经常出现的bug,提高学习的效率,后续会 ...
- HTML基础标签
[HTML写法标签][HTML字体段落标签][锚点][有序无序列表][表格] 一.HTML写法标签:双标签:<标签名>内容</标签名>单标签:<标签名 内容/> 二 ...
- HTML基础-- 标签、表格
<html> --开始标签 <head> 网页上的控制信息 <title>页面标题</title> </head> <body& ...
- html基础标签-1-pre预格式标签
pre预格式标签 code,tt标签 1 <!doctype html> 2 <html lang='zh-cn'> 3 <head> 4 <meta cha ...
随机推荐
- Spring 使用纯注解方式完成IoC
目录 创建一个简单的Person类 使用xml方式配置Spring容器并获取bean的过程 创建xml配置文件 进行测试 使用纯注解方式配置Spring容器并获取bean的过程 创建spring配置类 ...
- [转帖]Sqlcmd使用详解
Sqlcmd使用详解 2018年09月17日 13:36:39 吥輕誩放棄 阅读数:3053 版权声明:版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.n ...
- css实现多行文本溢出显示省略号(…)
WebKit浏览器或移动端的页面在WebKit浏览器或移动端(绝大部分是WebKit内核的浏览器)的页面实现比较简单,可以直接使用WebKit的CSS扩展属性(WebKit是私有属性)-webkit- ...
- 神经网路-SGD-1
SGD神经网络以及python中实现 1.SGD(stochastic gradient descend):<1>数据抽取:<2>计算梯度;<3>参数更新:< ...
- DAY10、函数的参数
一.实参:为形参传递值 调用函数时,实参可以由常量,变量,表达式三种的组合 1.位置实参:必须按照位置的顺序,从左到右为形参传递值 fn1(10, 20, 30) fn1(30, 20, 10) 2. ...
- git安装和GitHub使用
一.git安装 1.git下载 https://github.com/git-for-windows/git/releases/tag/v2.17.1.windows.2 在如上地址下载git,并安装 ...
- C#、Java和JS实现SHA256+BASE64加密总结
C#.Java和JS实现SHA256+BASE64加密总结 --莫非(www.muphy.me) 原理 首先,通过编码格式(UTF-8.ASCII等,如果含有汉字等字符,编码格式不同加密结果也不同)获 ...
- mongoDB 文档概念
mongoDB 文档概念 什么是文档 文档是 mongodb 基本的数据组织单元,类似于mysql 中的记录 文档由多个键值对组成,每个键值对表达一个数据项 属于 bson 数据 ps: bson ...
- 【dfs】P1433 吃奶酪
题目描述 房间里放着n块奶酪.一只小老鼠要把它们都吃掉,问至少要跑多少距离?老鼠一开始在(0,0)点处. 输入输出格式 输入格式: 第一行一个数n (n<=15) 接下来每行2个实数,表示第i块 ...
- P1313 计算系数
题目描述 给定一个多项式(by+ax)k(by+ax)^k(by+ax)k,请求出多项式展开后xn×ymx^n \times y^mxn×ym项的系数. 输入输出格式 输入格式: 共一行,包含555个 ...