了解前端

前端技术1—html

<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<body bgcolor="#eeeeee" />
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<title>这是题目用title</title>
<h1>标题用h1</h1>
<p>用p做段落的标签</p>
<a href="http://www.baidu.com/">a标签在HTML中创建超链,href属性创建指向另一个文档的链接</a>
<a href="http://www.baidu.com/" target="_blank">百度一下,你就知道:targrt属性定义被超链的文档在何处显示</a>
<img src="http://wx1.sinaimg.cn/mw690/bfdcef89gy1fq547hqqaij20h803cgm9.jpg" />
<table border="1">
    <tr>
    <td>1,1</td>
    <td>1,2</td>
    </tr>
    <tr>
    <td>2,1</td>
    <td>2,2</td>
    </tr>
</table>

<ul>
<li>无序列表是一个项目列表,此列表项目使用粗体圆点进行标记</li>
<li>无序列表始于ul标签,每个列表项始于li标签</li>
</ul>

<ol>
<li>有序列表也是一个项目的列表,此列表项目使用数字进行标记</li>
<li>有序列表始于ol标签,每个列表项始于li标签</li>
</ol>

<dl>
<dt>自定义列表不仅是一个项目的列表,也是项目及其注释的组合</dt>
<dd>自定义列表以dl标签开始,每个自定义列表以dt标签开始,每个自定义列表项的定义以dd标签开始</dd>
<dt>hello</dt>
<dd>这是缩进</dd>
</dl>

<p style="color: red;margin-left:20px"> HTML表单用于收集不同类型的用户输入信息。表单是一个包含表单元素的区域,表单元素是允许用户在表单中(如文本域、下拉列表、单选按钮、复选框等)输入信息的元素。表单用标签form定义</p>
<form>
姓氏:
<input type="text" name="firstname" />
<br/>
名字:
<input type="text" name="lastname" />
<br/>
性别:
<input type="radio" name="sex" value="male" />boy
<br/>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
<input type="radio" name="sex" value="female" />girl
<br/>
这是一个复选框练习:
<br/>
<input type="checkbox" name="加油" />
加油!
<br/>
<input type="checkbox" name="努力" />
?
<br/>
<input type="checkbox" name="奋斗" /><br/><br/>
<p>当用户的单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性method定义的这个文件通常会对接收到的输入数据进行相关处理</p>
<form name="input" action="html_form_action.asp" method="get">
用户名:
<input type="text" name="user" />
<input type="submit" value="提交" />
</form>
<form>
</html>

效果:
这里写图片描述

前端技术—CSS

CSS是层叠样式表

  • 样式定义如何显示HTML元素
  • 样式通常存储在样式表中
  • 把样式添加到HTML4.0中,是为了解决内容与表现分离的问题
  • 外部样式表可以极大提高工作效率
  • 外部样式表通常存储在CSS文件中
  • 多个样式定义可层叠为一个样式

    具体看:http://www.w3school.com.cn/example/csse_examples.asp

    1、id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。id 选择器以 “#” 来定义。
    2、类选择器以一个点号显示:
    .center {text-align: center}
    在上面的例子中,所有拥有 center 类的 HTML 元素均为居中。
    3、内部样式表
    当单个文档需要特殊的样式时,就应该使用内部样式表。你可以使用 <style> 标签在文档头部定义内部样式

之前了解前端看了一些这个,放在草稿箱挺久

猜你喜欢

转载自blog.csdn.net/laon_chan/article/details/80001311