HTML学习笔记
在学习Python爬虫的时候经常遇到网页解析,所以就计划看一下前端的相关知识。本篇文章总结了HTML的一些常见语法,不包括HTML5,中间的标签与属性都是最最基本的,用于入门级新手,希望对大家有所帮助!
hypertext Markup language
1.基本格式
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>标题</title>
</head>
<body>
</body>
</html>
DOCTYPE声明不区分大小写
2.文档后缀名 htm html 两者都可以
3.标签分为常规标签和空标签 如<br/>表示换行 空标签最好加上斜杠表示结束,虽然浏览器能自动识别,但是养成良好的编程习惯是成为合格的coder的第一步 标签最好是小写,虽然对大小写不敏感
4.标题标签<h1>到<h6>
5.段落<p> 换行<br/> 水平线<hr/>
6.一些文本格式化标签
<strong>和<b>一样表示加粗,但最好使用<strong>
<em>和<i>一样表示斜体,但最好使用<em>
<small>定义小号字 <sub>定义下标 <sup>定义上标 <ins>定义插入字 <del>定义删除字
7.链接link
<a href="" target="_blank"> "_blank" 表示新开一个窗口new window
8.head
head标签中的一些标签
<base href="" target=""> base 标签描述了基本的链接地址,改标签作为HTML文档中所有的链接标签的默认地址
<link rel="stylesheet" type="text/css" href=""> external style sheet
<style type="text/css"> internal style sheet
<meta>标签提供了元数据,不显示在网页上,但会被浏览器所解析 该元素常用于指定网页的描述,关键词,文件最后修改时间,作者,和其他的元数据
9.图片
<img src="" alt=""> src源属性为图像的地址,alt是当图片无法加载时,设定的一些信息
10.表格 table
表格<table> </table>
每一行<tr> </tr>
每一行的单元格 <td> </td>
表头 <th> </th>
表格标题<caption> </caption>
cellpadding属性表示单元格内容与其边框之间的空白
cellspacing 表示单元格之间的距离
11.列表list
无序列表<ul> <li></li> </ul>
有序列表<ol> <li></li> </ol> type 属性定义了排序的类型
自定义列表<dl> <dt> <dd></dd></dt></dl> 每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始
12.块元素和内联元素 block inline
<div>是典型的块元素
<span>是典型的内联元素
13.表单
<form> <input type="text"></form> 输入框输入文字
type="password"表示输入密码
type="radio" 单选按钮
type="checkbox" 复选按钮
type="submit" value="" 提交按钮 submit button
下拉列表<select> <option></option></select>
14.框架<iframe src="" width="" height="" frameborder="0"></iframe> 设置边框属性为0来移除边框
使用iframe 来显示目标链接页面
<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.runoob.com" target="iframe_a">RUNOOB.COM</a></p>