HTML学习小记2

来源:互联网 发布:图片制作拼图软件 编辑:程序博客网 时间:2024/05/16 23:59

a元素:也叫anchor(锚点)元素,既可以用来链接到外部地址实现页面跳转功能,也可以链接到当前页面的某部分实现内部导航功能。

例:<p>Here's a <a href="http://www.baidu.com"> link to 百度 </a> for you to follow.</p>

有时a元素还不知道要将它们链接到哪儿可以使用固定链接:<a href="#">mylink</a>

alt属性,也被称为alt text, 是当图片无法加载时显示的替代文本,搜索引擎也会搜索alt属性,每张图片都应该有一个alt属性!

例:<img src="xxx.jpg" alt="photo's alt text">

创建unordered lists(无序列表), 或带项目符号的列表:无序列表以<ul>元素开始,并包含一个或多个<li>元素。

例:<ul>
  <li>apple</li>
  <li>orange</li>
</ul>

创建ordered lists(有序列表),或数字编号列表:有序列表以<ol>元素开始,并包含一个或多个<li>元素。

创建一个form(表单),Text input(文本输入框)是用来获得用户输入的绝佳方式。

例:<input type="text">    注意,input元素是自关闭的。

占位符(placeholder text)是在input(输入)框输入东西之前放置在input(输入)框中的预定义文本。

创建占位符:<input type="text" placeholder="this is placeholder text">

使用HTML来构建可以跟服务器交互的Web表单(form):给form元素添加一个action属性

action属性的值指定了表单提交到服务器的地址。例:<form action="/url-where-you-want-to-submit-form-data"></form>

为form添加一个submit(提交)按钮,点击这个按钮,表单中的数据将会被发送到通过action属性指定的地址上。

submit按钮例子:<button type="submit">this button submits the form</button>







0 0
原创粉丝点击