2019-06-03

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>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容