HTML
html 初级篇 - 基础标签
- HTML(hyperText markup language)，中文是超文本标记语言。
- HTML文件只有一个根标签()
结构化标签<head></head>、<body></body> <meta charset="utf-8">gb2312 国家标准 gbk 国家标准扩展版 unicode<title></title>, lang = "en"告诉搜索引擎爬虫网站关于什么内容的- 物理地址 IP 域名地址 SEO搜索引擎优化
<meta content="" name="keyword"><p></p>paragraph 段落标签 ,<h1></h1>header 标题<strong></strong>加粗<em></em>斜体<del></del>中划线<address></address>斜体独占一行<div></div> <span></span>
html 进阶篇 - 高级标签
- 空格、回车，文字分割符
- html编码
空格<小于>大于 <br>,<hr>,<ol type="1|a|A|i|I" reversed="reversed" start="3"><li></li></ol>有序列表<ul type="disc|square|circle style="list-style: none;"><li></li><ul>无序列表<img src="fy.jpg" alt="这是范爷" title="this is fy"><!-- alt图片占位符 --><!-- title图片提示符 -->绝对路径 相对路径 网上url<a href="url|#id|tel:136********|mailto:***@alibaba-inc.com|javascript:alert(!);" target="_blank></a>href ( hyperText reference ) 超链接，锚点，打电话，发邮件，协议限定符<form method="get" action=""><input type="text|password|submit" name="" value=""></form><input type="radio" name="sex" value="male" checked="checked"><input type="checkbox" name="hobit"><input style="color:#999" type="text" name="keyworld" onfocus="if(this.value == '请输入关键字'){this.value = '';this.style.color='#424242'}" onblur="if(this.value==''){this.value='请输入关键字'}>1
2
3
4
5
6<input type="radio" value="banana" name="frult">
<select name="province">
<option value="beijing">beijing</option>
<option value="beijing">shanghai</option>
<option value="beijing">tianjin</option>
</select>css初级篇 - css引入css基础选择器选择器权重
主流浏览器
1. 一定市场份额
2. 自主研发内核
| 名称 | 内核 |
|---|---|
| IE | Trident |
| Google Chrome | Webkit/blink |
| Firefox | Gecko |
| Safari | Webkit |
| Operia | Presot |
css全称cascading style sheet, 层叠样式表
css引入方式
1.行间样式
2.页面级css
3.外部css文件