HTML基础知识学习
1.什么是html
2.标题元素
3.图片元素
4.input
5.列表
6.超链接
7.换行
+++++++++++++++++++++++++++++++++++++
1.什么是html
用来描述网页的语言、超文本标记语言、不是编程，而是一种标记语言、使用标记标签来描述网页等等…
2.标题元素：越往下字体越小
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
3.图片元素
<img src="图片路径">
4.input可以当作文本框，密码框，按钮
5.列表：
无序列表：使用ul标签来创建无序列表，再使用li表示列表项（使用最多）
有序列表：使用ol标签来创建有序列表，再使用li表示列表项
<body>
<ul>
<li>结构</li>
<li>行为</li>
<li>行为</li>
</ul>
<ol>
<li>结构</li>
<li>行为</li>
<li>行为</li>
</ol>
<dl>
<dt>结构</dt>
<dd>
结构表示网页结构，规定哪里是标题，那里是内容
</dd>
</dl>
<ul>
<li>
aa
<ul>
<li>bb</li>
</ul>
</li>
</ul>
</body>
6.超链接：
超链接可以从一个页面跳转到另一个页面，或是当前页面的其他位置
使用a标签来定义超链接
属性：
herf:指定跳转路径,
值可以是外部网站的地址
也可以写一个内部页面地址
当我们需要跳转一个服务器内部页面时，一般我们会使用相对路径，
相对路径使用./或…/
./代表同级目录下，可以省略不写
…/代表当前目录的上级目录
<body>
<a href="http://www.baidu.com">超链接</a>
</body>
7换行
1）<br></br>
2)<p></p>
3><div></div>
CSS基础知识学习
一，使用CSS有3种方式
（1）内联
使用style属性，只是对当前标签有效，页面内容和样式高度耦合的。
（2）内部样式
在head中使用style标签，当前页面有效，内容和样式一定程度分离，但是不彻底
（3）外部样式
将样式写到一个单独CSS文件中，需要用到HTML文件，引用它即可。
二，基本语法
<style>
.名称1 {属性的设置；}
</style>
<body>
<标签 class = "名称1">内容
</body>
三，对齐
即左对齐，居中对齐，右对齐。基本语法就是在选择器里加入属性：
text-align:center/left/right;
四，外边距margin
五，颜色背景
<style>
div{
background-color:red;
}
</style>
个人名片代码：
<html>
<h1>xxx</h1>
<h2>基本信息</h2>
<img src="psc.jpg">
<ul>
<li>求职意向：测试工程师</li>
<li>联系电话：xxxxxxxxxxxx</li>
<li>邮 箱：xxxxxxxxxxxx</li>
<a target="_blank"href="https://www.baidu.com">我的GitHub</a><br>
<a target="_blank"href="https://www.baidu.com">我的博客</a><br>
</ul>
<h2>教育背景</h2>
<ol>
<li>小葵花幼儿园 幼儿园</li>
<li>小葵花小学 小 学</li>
<li>小葵花中学 中 学</li>
<li>小葵花高中 高 中</li>
<li>小葵花大学 大 学</li>
</ol>
<h2> 我的项目</h2>
<li>
<strong>1.留言墙</strong> <p></p>
开发时间：2008年9月到2008年12月<p></p>
功能介绍：
<ul>
<li>支持留言发布</li>
<li>支持匿名留言</li>
</ul>
</li>
<li>
<strong>2.学习小助手</strong> <p></p>
开发时间：2008年9月到2008年12月<p></p>
功能介绍：
<ul>
<li>支持错题检索</li>
<li>支持同学探讨</li>
</ul>
</li>
<h2>个人评价</h2>
<p>在校期间，学习成绩优良，多次获得奖学金</p>
</html>
学到这，就大概掌握HTML和CSS啦
接下来好好练习，加油！！！
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
