HTML5+CSS3
HTML,全称“Hyper Text Markup Language(超文本标记语言)
B/S架构:浏览器和服务器架构模式。B为Browser即为浏览器端;S为Server为服务器端。
<!DOCTYPE html>: html5标志
标签
<head>:head标签里的内容是,页面的设置相关
<head>内部标签 | 说明 |
---|---|
<title> | 定义网页的标题 |
<meta> | 定义网页的基本信息(供搜索引擎) |
<style> | 定义CSS样式 |
<link> | 链接外部CSS文件或脚本文件 |
<script> | 定义脚本语言 |
<base> | 定义页面所有链接的基础定位(用得很少) |
meta标签是元标签,无实意
<div></div>:无实意标签
<p>文章的段落标签,一个自然段是一个p</p>
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<!– h1~h3可以被搜索引擎搜索到,h1标签一个网页只需有一个 –>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
<ul></ul>无序列表,ul标签的子标签只能是li标签
<ol></ol> 有序列表,ol标签的子标签只能是li标签
<a></a>:用于控制页面之间跳转。例:<a href=”http://www.baidu.com”>百度</a>
<img src=”” alt=”关于本图片的一些描述性文字” title=”鼠标放在图片上时出现的提示性文字,注意:不是img标签特有的,所有标签都有title”>
alt:由于网络原因或者是路径错误或者是图片丢失等原因导致图片展示不出来时,出来的提示性文字,即使用户看不见图片,也不影响用户对整个网页的浏览 。供读屏软件阅读,有利于盲人用户有利于搜索引擎的抓取
<button></button>普通按钮
Input:
<input type=”text” name=””>默认type=text(文本)
<input type=”number” name=””>只能输入数字
<input type=”password” name=”” value=”111″>密码
<input type=”button” name=”” value=”百度一下“>按钮
<input type=”submit” name=”” value=”登录“>提交按钮
<input type=”radio” name=”” ckecked=”checked”>单选框,实现默认选中,使用checked
<input type=”ckeckbox” name=””checked=”checked”>复选框,checked:用来规定在页面加载时应该被预先选定的 input 元素,当属性值为 checked
文本格式化标签
标签 |
说明 |
<b> |
定义粗体文本 |
<big> |
定义大号字 |
<em> |
定义着重文字 |
<i> |
定义斜体字 |
<small> |
定义小号字 |
<strong> |
定义加重语气 |
<sub> |
定义下标字 |
<sup> |
定义上标字 |
<ins> |
定义插入字 |
<del> |
定义删除字 |