前端入门(html部分)

HTML是网页内容的载体,CSS样式是表现,JavaScript是用来实现网页上的特效效果

html中的标签一般都是成对出现的,分开始标签和结束标签。结束标签比开始标签多了一个/

<html></html>为根标签,所有的网页标签都在其中

<head></head>标签用于定义文档的头部,文档的头部描述了文档的各种属性和信息,其中<title></title>标签中的标题会出现在浏览器标题栏中

<body></body>标签之间的内容是网页的主要内容

注释语法<!--注释文字-->

<p></p>标签添加段落,<h1></h1>等标签添加标题,<strong></strong>以及<em></em>表示强调,<span></span>标签可以设置单独的样式,<q></q>实现短文本引用

<blockquote></blockquote>实现长文本引用,<br />实现换行,&nbsp;添加一个空格,<hr />添加水平横线,<address></address>标签添加地址信息

<code></code>添加一行代码,<pre></pre>能够预格式化文本所以可添加多行代码,这样可以防止浏览器执行这些代码

<ul><li></li></ul>添加无序信息列表,<ol><li></li></ol>添加有序信息列表,<div></div>标签相当于容器可用来划分板块

用id属性来为标签提供唯一的名称

创建表格用table、tbody、tr、th、td,<table></table>即整个表格,<tbody></tbody>用来对表格分段,<tr></tr>为表格的一行,<td></td>为一个单元格,<th></th>为表头

表格默认没有表格线,需要的话要添加CSS样式,表格的summary属性添加摘要,<caption></caption>标签添加标题

添加超链接可用<a href="目标网址" title="鼠标滑过显示的文本" target="_blank">链接显示的文本</a>,这里也可链接Email地址

插入图片用<img src="图片地址" alt="下载失败时的替换文本" title="提示文本">

使用表单<form method="传送方式" action="服务器文件"></form>,所有表单控件必须放在<form></form>之间

文本输入框或密码输入框<input type="text/password" name="名称" value="文本" />,文本域<textarea rows="行数" cols="列数">文本</textarea>

单选框或复选框<input type="radio/checkbox" value="值" name="名称" checked="checked"/>,注意同一组的单选按钮name 取值一定要一致

下拉列表框<select><option value="看书">看书</option><option value="旅游" select="selected">旅游</option></select>

提交按钮<input type="submit" value="提交">,重置按钮<input type="reset" value="重置">

用户单击选中标签时,浏览器就会自动将焦点转到和标签相关的表单控件上,<label for="控件id名称">

 

posted @ 2018-04-24 18:01  梦想成真13  阅读(79)  评论(0编辑  收藏  举报