第一周目学习总结
- 基本掌握html
- 了解css是什么
- 熟悉掌握vscode编辑html文件
- 日期：2020.11.14
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>页面标题</title>
</head>
<body>
</body>
</html>通用常见标签属性
| 属性 | 描述 |
|---|---|
| class | 为html元素定义一个或多个类名（classname）(类名从样式文件引入) |
| id | 定义元素的唯一id |
| style | 规定元素的行内样式（inline style） |
| title | 描述了元素的额外信息 (作为工具条使用) |
头部专有元素
OUTLINE
网页基本属性
- title工具栏网页名称
- base超链接默认配置
- meta元数据标签，用来和浏览器，爬虫，编辑器交互的数据标签
其他语言插入
- link外部链接插入
- script直接写javascript
- style直接写css样式
base
本页面下的a标签如果没有写href则默认为base的链接
其他如target也同理
<base href="index.php" target="_blank">meta
元数据标签（套用）
<meta name="description" content="PoilZero个人博客">
<meta name="keywords" content="PoilZero,博客,html,css,javascript,php,web,java,python">
<meta name="author" content="PoilZero">
<meta charset="UTF-8">title
工具栏的网页名称
<title>文档标题</title>link
可用link标签在头部引入相关语言的代码文件
<link rel="stylesheet" type="text/css" href="myBlog.css">script
<script>
//javascript代码内容
</script>style
或者在标签内使用style属性="color:#ccccc;border:soild"
<style>
//css样式使用选择器选中后赋予属性属于css语法
</style>表格列表
table组
table表格系列标签
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>tr是行table row
td是列table data
ol组
有序列表order lie=》ol，里面的行li
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>ul组
无序列表unorder lie=》ul，里面的行li
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>表单
value：提交数据到服务器的值（后台程序PHP使用）
name：为控件命名，以备后台程序 ASP、PHP 使用
checked：当设置 checked="checked" 时，该选项被默认选中
<form>
这是输入框<input type="text" name="this_is_text_field"><br>
这是密码框<input type="password" name="this_is_password"><br>
<!--这是单选 name要一致才能保证单选-->
你认为sipc的人都很厉害是正确还是错误的？
<input type="radio" name="ans" value="true">正确<br>
<input type="radio" name="ans" value="false">错误<br>
<!--这是多选 name要一致才能保证多选-->
你喜欢什么活动呢？<br>
<input type="checkbox" name="like" value="book">读书<br>
<input type="checkbox" name="like" value="music">听英语<br>
<!--提交按钮submit 主要用来发起把某个数据向后端传送的功能-->
Username: <input type="text" name="user">
<input type="submit" value="Submit">
</form>文本格式汇
<b>粗体文本</b>
<code>计算机代码</code>
<em>强调文本</em>
<i>斜体文本</i>
<kbd>键盘输入</kbd>
<pre>预格式化文本</pre>
<small>更小的文本</small>
<strong>重要的文本</strong>
<abbr> （缩写）
<address> （联系信息）
<bdo> （文字方向）
<blockquote> （从另一个源引用的部分）
<cite> （工作的名称）
<del> （删除的文本）
<ins> （插入的文本）
<sub> （下标文本）
<sup> （上标文本）其他标签
img
alt的作用：当图片没法正常显示的时候，替换的文本
<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228">- 注：
a
超链接标签的一些属性用法
href="链接"
- ="#id" 跳转到当前页面的这个id标签位置
target
- ="_self" 自身网页跳转
- ="_blank" 打开新的页面在里面打开这个链接
span div
区块多用于布局
- div：带自动换行的，不能在同一行使用的区块，作为其他的元素的容器本身没有什么显示
- span：不带自动换行，能在同一行使用
iframe
- 专有标签frameborder类似于border描述值是宽度
## CSS
* 如果说html是毛胚房，css就是毛胚房里面的装修，css+html才能拥有精装修的房子
One comment
真不错