html最根本的作用,不是处理文字信息,而是做页面的框架,相当于楼的钢筋标签:
<div>设置宽高以后,英文根据文字分隔符 空格 来区分单词,很多个空格也只展示1个,所以当很多个字母在一块并且长度大于div的宽度的时候会溢出,不会换行,
而中文是可以换行的
<br> 换行,无须闭合,无须包裹内容,叫单标签
有序列表:
<ol><!--order list的缩写-->
<li></li>
</ol>
正常是按照1. 2. 3. 的顺序 ,在ol里加上type属性以后,可以控制li前面的标号
type内容为5种 ,1,默认,a ,A,i,I,a的话超过24个以后就从aa再到az,再多就再加,A同理
start属性控制从几开始排序,填阿拉伯数字即可,按a排序从c开始也填3就可以,不用填c
reversed属性控制倒序,reversed = "reversed"即可,就可以倒叙
无序列表:
<ul><!--unorder list的缩写-->
<li></li><!--list item的缩写-->
</ul>
ul 的属性:
type 取值有square 是实心正方形,默认是disc,是黑点,circle是空心圆,基本不用
ul一般只是做结构化,而不是要前面的点,像是大的功能项里面包含相同样式的子项,一般就用<ul>和<li>来做,例如导航栏,菜单等
图片标签:
<img src = "" alt = "">
src是地址,可以选择填写网址,相对路径或者绝对路径
相对路径是指,当html页面和图片在同一个路径下面时,可以使用相对路径的写法,只写图片名称
当html页面和图片不在一个文件夹下,需要使用绝对路径,即D:a/b/c.jpg的写法
alt是图片占位符,可以填任意字符,当图片展示不出来时展示alt里的文字
form表单
<form method = "" action = "">
</form>
method的值有get和post,get会把值拼到url后面,post不会
action写调用的方法的名字
<input type = "" value = "" name = "">
type 的值有:text,password,submit,radio,checkbox
text文本
password隐藏输入的文本
submit提交
radio是单选框,通过相同的name控制选项内单选,不同的value来做各选项的区分 checked = "checked"可以将某个选项设置为默认选项
checkbox是复选框,同样是相同的name不同的value控制,复选的默认同上
value 展示的值
name 是这个输入值的名字
<a href = "" target = ""></a>
a:anchor 锚点的意思
href:hyperText reference 超文本引用,就是引用的网址的地址
target = "_blank" 在新的页面打开链接
a标签作用:
1.超级链接
链接到网址
2.锚点
快速找到某个div的位置,像回到顶部,小说的目录等功能
3.发邮件,打电话
发邮件是调用系统的邮件系统
打电话是调用打电话的系统
4.协议限定符
在href里面写javascript代码,javascript:while(true){alert('')}
<table border = "">
<tr align = "">
<td colspan = "">
</td>
</tr>
</table>
现在基本不用了,因为table要全部加载完之后统一显示,很慢
align = "center" 居中
colspan = "2" 将两个td合并
border = "1" 边框1px
下拉菜单:
<select name = "">
<option value = "lalala">lalala</option>
<option value = "abc">abc</option>
<option value = "bilibala">bilibala</option>
</select>
html编码:
空格 带分号,否则连续的空格也只是当作1个处理
< 小于号
> 大于号