与其明天开始,不如现在行动!
帮助文档:https://www.w3school.com.cn/
href
完整的url
<a href = "http://www/baidu.com">百度a>
相对路径:当前资源所在包下的路径去找资源
绝对路径:固定的位置去找资源,以 /
开头
targrt
_self:在当前窗口打开资源
<a href = "http://www/baidu.com" target = "_self">百度a>
blank:开启新窗口打开资源,用法同self
图片:
src:定义图片的路径
title:定义鼠标悬停时提示的文字
alt:定义图片加载失败时提示文字
<img src = "demo/logo.img" width = "300px" title = "百度" alt = "百度logo" />
表格: 表单: css:设置样式的 布局: div:块元素,自己独占一行(块),块元素的CSS样式的宽和高等都是生效的。,用来页面布局。 span:行内元素,自己不会独占一行,行内元素的CSS样式的宽和高等都是不生效的。用来细调整(比如:包裹文字之后让文字变大变颜色等)。 特殊字符:实体,对于html代码来说某些符号是有特殊含义的,如果想显示这些特殊符号,需要进行转义 本文中若是有出现的错误请在评论区或者私信指出,我再进行改正优化,如果文章对你有所帮助,请给博主一个宝贵的三连,感谢大家!!!
<table>
<thead>
<tr>
<td>排名td>
<td>姓名td>
<td>分数td>
tr>
thead>
table>
form
url?key=value&key=value
<form action="welcome.html" method="get">
<input type="hidden" name="id" value="123" />
用户名:<input type="text" name="username" /> <br>
密码: <input type="password" name="password" /> <br>
性别:<input type="radio" name="gender" value="1" checked="true" />男
性别:<input type="radio" name="gender" value="0" />女
<br>
爱好:
<input type="checkbox" name="hobby" value="1" checked />篮球
<input type="checkbox" name="hobby" value="2" />足球
<input type="checkbox" name="hobby" value="3" />羽毛球
<br>
<textarea name="intro">textarea>
籍贯:
<select name="pro">
<option value="1">北京option>
<option value="2">西安option>
<option value="3">重庆option>
<option value="0" selected>-请选择-option>
select>
选择头像:
<input type="file">
<input type="submit" value="登录" />
<input type="reset" value="清空" />
form>
<div style="border:1px;width:500px;height:200px;margin:10px auto">123div>
<div style="border:1px;width:500px;height:200px;margin:10px auto">456div>
<div style="border:1px;width:500px;height:200px;margin:10px auto">789div>
<span style="border:1px solid green;width:500px;height:200px;margin:10px auto">span>
< h1 > 一级标题 < h1 >
总结