html

最新推荐文章于 2021-09-09 14:47:46 发布

我就这样悄悄的走啦

最新推荐文章于 2021-09-09 14:47:46 发布

阅读量303

点赞数

本文链接：https://blog.csdn.net/haodeming/article/details/106583153

版权

HTML

html：Hyper text Markup Language
超文本标记语言
是一种标记语言
标准的写法：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	
</body>
</html>

1,段落标签<p></P>
作用：是定义一个段落
2,<br>是换行不换段
3、注释标签：
4、标题标签
H标签 <h?></h?> 可以放置1-6
5,Img标签
写法：<img src=”” alt=”not find” />
常用的属性：
src 用来表明显示文件的路径和文件的名称
alt 是提示信息
height 图片的高度
width 图片的宽度
Src的值除了可以是本地机器上的位置，还可以是网络上的图片，
比如：http://climg.dodokeimage.com/243214124ded.png
6,超级链接标签
功能：单击打开新页面，新的功能，新的图片等的标签。
a标签 <a></a>
作用：使用超级链接和网络上的另一个文档相连
示例：<a href=””>打开另一个页面</a>
超级链接可以是一个文字，一个词，一组词，也可以是一副图像等
H标签、p标签是块级元素，一般是独占一行
A标签是行级元素
A标签的target属性
1、_blank 在新打开，未命名的窗口打开链接
2、_parent 在父窗口打开
3、_self 当前窗口打开
点标签：（a标签的另一个变形）
锚点标签：<a name=”ziti”>…….</a>

列表

无序列表：

<ul><li></li></ul>
作用：此列项目使用粗体圆点进行标记
示例：
<ul>
	<li>西瓜</li>
	<li>香蕉</li>
</ul>

<ul>表示无序列表
<li>表示里面的条目

注意点：列表项内部可以使用段落，换行符，图片，链接，以及其他标签
有序列表：

 <ol><li></li></ol>
作用：列表项目使用数字进行标记
示例：
<ol>
	<li></li>
<li></li>
</ol>

注意点：列表项内部可以使用段落，换行符，图片，链接，以及其他标签
定义列表：

<dl></dl><dt></dt><dd></dd>

表格

Table – 表格
Tr – 行
Td – 单元格 – 列

<table>
Caption -- 表格的标题  居中显示
<thead> -- 表头
Tr
Th/th -- 表格头，内容居中显示，加粗显示
/tr
</thead>
<tbody> -- 表格的主体
Tr
Td/td -- 表体 -- 默认靠左显示 不加粗
/tr
<tbody>
<tfoot> -- 脚注
Tr
Td/td -- 表体 -- 默认靠左显示 不加粗
/tr
</tfoot>
</table>

表格的其他标签：
border 1 设置边框
width npx n% 表格宽度
bgcolor 颜色值背景颜色
align left center right 表格再文档中的对齐方式
valign bottom middle top 表示三种垂直对齐方式

bgcolor：
三原色：红绿蓝#00 红色00 绿色 00 蓝色
1、可以直接英文单词表示颜色
2、16进制，以#开头，后面会跟6个字符，16进制的基数就是16，每个位置是0到f
0 1 2 3 4 5 6 7 8 9 A B C D E F
3、rgb方式：html4以后就不用了，后面会用css弥补
rgb(255,0,0)

cellpadding 表示内容和格线之间的距离
cellspacing 格线和格线之间的距离

表单

cellpadding 表示内容和格线之间的距离
cellspacing 格线和格线之间的距离
form表单里面的
action 是进入后台的一个位置，将表单提交的数据传递到aaa里面继续进行处理
method ：
1、post 隐形的提交：对信息的安全性保护的很好
2、get 显示显示的提交，对信息的安全性不是那么的好
请输入姓名：<input type="" name="" id="">
Type 定义的是类型
Name 可以重复的，给后台使用，传递参数使用
Id 是唯一识别，不可以重复，比如身份证

Label:
1、专门用于再页面上进行文字显示使用的，效果和不加标签完全一样的
2、便于后期对这些文字进行大小，方式，进行css样式的设置

单选框：
1、name 是一样的话就会被认为是一组单选框，那就意味着只能选中一个。
2、如果name值不一样的话，表示他们不是一组，那就可以同时选中。

Value属性主要是传递到后台处理要用的，纯碎的前台页面展示不需要value值
div标签一个区块容器标记，
span标签没有实际意义，为了应用样式
块级标签
占据一行，换行。
div, ul, ol, li, dl, dd, h1~h6, p, form, hr, …
行级标签
在一行，不换行。
b, em, img, input, a, sup, sub, textarea, span…
1、块级标签可以包含行级标签（行内元素）和某些块级元素
2、行内元素不能包含块级元素，只能包含其他行内元素
3、块级元素不能放在p – 段落标签内
4、特殊的块级元素只能包含行内元素，不能在包含块级元素
如：h1~h6 p dt…
5、块级元素和块级元素并列，行级元素和行级元素并列
注意：规则需要遵守，但是html语法检查不严格，浏览器不能做到查错！

我就这样悄悄的走啦

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html

HTMLhtml：Hyper text Markup Language超文本标记语言是一种标记语言标准的写法：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> </body></html>1,
复制链接

扫一扫