HTML基础

HTML基础1

1.html

html :超文本标记语言

html5：html最新版本+前端技术

w3c:万维网联盟，是中立非盈利性组织。

XHTML: 可扩展的html

2.命名规则

1.名字由数字，字母，下划线组成，不能数字开头

2.用对应内容的英文命名

3.推荐使用驼峰命名法

userName

PassWrold

user_Name

3.html理论

语法：

​ <开始标签 属性：“属性值”>被标记的内容</结束标签>

​ 属性是对标签进行细节描述的东西

4.html 常用的标签

1.基础标签

​ 1.标题 h1-h6

​ 2.段落 <p></p>

​ 3.水平线 <hr>

​ 4.换行 <br>

2.文字标签

​ 1.加粗 <u>**<strong></strong>**</u>或 <b></b>

​ 2.倾斜 <u><em></em></u> 或 <i></i>

3.变大标签

​ 1.<big></big>

​ 2.标签可以嵌套

4.变小标签

​ 1.<small></small>

​ 2.不能小于浏览器的最小字体模型 12px

5.特殊符号 （；结束）

​

小空格     &nbsp

大空格     &emsp

版权    	&copy

商标         &reg

6.其他标签

7. 照片标签

 <img src="图片路径” wight：宽 height ：高 alt ：图片不能加载，显示的替代文本>

1.路径

​ 绝对路径:基于协议或者盘符出发得到的路劲

​ 相对路径：从当前的文件出发，得到的最简路径

​ 1.同级 直接名字

​ 2.上级 …/

​ 3.下级 /谁

2.超链接

​ 语法：

	<a href='链接的地址' targt='打开新页面的方式：_Self当前标签页打开，_blank是新标签页打开'></a>

3.布局标签

<div></div>
<span></span>

区别：div是块级标签，默认独占一整行，可以设置宽高
	span是行级标签，内容有多宽，就占据多宽，不可以设置宽高，一般用于实现一行字文字某些文字有特殊效果。

​

4.表单

​ 在页面中负责数据采集功能

<form action='数据提交的地址’ method='数据提交的方式有get或者post'>
                                                 
</form>

get和post的区别 ;[面试题]

get追加到地址栏，小快不安全

文本框:<input type='text' name='名字’ placeholder='提示信息">
密码框:<input type='password' name='名字' placeholder='提示信息八>
单选框:<input type='radio' name='名字· placeholder='提示信息">
复选框:<input type='checkbox' name='名字' placeholder='提示信息'>

注意：同一组的单选和复选的name要一样。

<button type='submit提交按钮或者reset重置按钮或者 button普通按钮'>按钮上显示的内容</button>

​

<table border= '表格边框粗度1' cellspacing= '表格双线边框之间的间隔0' cellpadding='表格内容和边框之间的间隔10~20'>

​

快捷方式  table>tr*行数>td*列数

跨行 rowspan

跨列colspan

合并单元格的步骤：

​ 1.实现一个基础表格

​ 2.判定单元格跨行还跨列，给最左上的单元格对应的属性，属性为占据单元格的数量

​ 3.看效果，删除对应行多的单元格

1.列表

​ 1.有序列表

<ol>
	<li>列表项</li>
	<li>列表项</li>
</ol>

​ 2.无序列表

<ul>
    <li>列表项</li>
    <li>列表项</li>
</ul>

​ ol 和ul 只能有li li里面可以有任何标签

​ 3.定义列表

<dl>
<dt>名词或者术语或者图片</dt>
<dd>对名词术语的解释说明</dd>
</dl>