1. html之head部分的常用标签的使用

<!--指定html是标准的html还是其它的html-->

<!DOCTYPE html>

<html lang="en">

<head>

    <!--自闭合标签：没有另一半，自动闭合-->

    <!--主动闭合标签：有另一半的-->

    <!--header当中，大部分标签是在页面中看不到的-->

    <meta charset="UTF-8">

    <!--页面每隔1秒自动刷新-->

    <!--间隔x秒自动刷新，跳转到指定的URL-->

    <!--<meta http-equiv="refresh" content="1;url='http://www.baidu.com'">-->

    <!--关键字检索：在搜索引擎上通过关键检索时根据你的网站的keywords能把你的网站检索出来-->

    <meta name="keywords" content="python">

    <!--网站描述-->

    <meta name="description" content="基础教程">

    <!--浏览器tag的名字-->

    <title>我的第一个html页面</title>

    <!--网页tag标签的图标，图片需要是32*32大小的，需要ui做图-->

    <link rel="shortcut icon" href="1.jpg">

    <!--欠着的-->

    <!--<link rel="stylesheet" href="">-->

    <!--<style></style>-->

    <!--<script></script>-->

</head>

<body>

<h1>111111111111</h1>

1111111111

</body>

</html>

2. html之body部分的常用标签的使用

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<!--body里放的是能展示的标签-->

<!--标题标签-->

<!--<h1>111111</h1>-->

<!--<h2>2</h2>-->

<!--<h3>3</h3>-->

<!--<h4>4</h4>-->

<!--<h5>5</h5>-->

<!--<h6>6</h6>-->

<!--白板标签：没有任何css样式-->

<!--内联标签（行内标签）：真白版标签，有多大占多大-->

<!--<span>这是span标签</span>-->

<!--这是写在标签外面的内容-->

<!--块级标签：伪白板标签，无论多大都占一行-->

<!--<div>这是div标签</div>-->

<!--段落标签-->

<!--<p>在UI自动化测试过程中，经常会遇到一些下拉框，我们有三种可选方式来操作下拉框。 第一种方法<br>-->

    <!--基于webdriver的两次click，很容易出现问题，不建议使用。（由于部分下拉在UI自动化测试过程中，经常会遇到一些下拉框，我们有三种可选方式来操作下拉框。 第一种方法-->

    <!--基于webdriver的两次click，很容易出现问题，不建议使用。（由于部分下拉在UI自动化测试过程中，经常会遇到一些下拉框，我们有三种可选方式来操作下拉框。 第一种方法-->

    <!--基于webdriver的两次click，很容易出现问题，不建议使用。（由于部分下拉在UI自动化测试过程中，经常会遇到一些下拉框，我们有三种可选方式来操作下拉框。 第一种方法-->

    <!--基于webdriver的两次click，很容易出现问题，不建议使用。（由于部分下拉在UI自动化测试过程中，经常会遇到一些下拉框，我们有三种可选方式来操作下拉框。 第一种方法-->

    <!--基于webdriver的两次click，很容易出现问题，不建议使用。（由于部分下拉在UI自动化测试过程中，经常会遇到一些下拉框，我们有三种可选方式来操作下拉框。 第一种方法-->

    <!--基于webdriver的两次click，很容易出现问题，不建议使用。（由于部分下拉在UI自动化测试过程中，经常会遇到一些下拉框，我们有三种可选方式来操作下拉框。 第一种方法-->

    <!--基于webdriver的两次click，很容易出现问题，不建议使用。-->

<!--</p>-->

<!--输入框标签: input-->

<!--输入框中的默认值，有两种实现方式-->

<!--<input type="text" name="" value="请输入用户名">-->

<!--<input type="text" name="" value="" placeholder="请输入用户名">-->

<!--如果接口要求json格式的，则前端以key:value的形式传参给后台，即name:value {'username': 'dsx'}，value取的是文本框中输入的值-->

<!--<input type="text" name="username" value="" placeholder="请输入用户名">-->

<!--密码框-->

<!--<input type="password" name="passwd">-->

<!--多选框 checked="checked"默认勾选-->

<!--多值向后台传参时：{'sex':['1','2', '3']}-->

<!--<input type="checkbox" name="" checked="checked">-->

<!--单选框：radio标签，name相同，单选框互斥-->

<!--<div>-->

    <!--<span>男</span><input type="radio" name="sex">-->

<!--</div>-->

<!--<div>-->

    <!--<span>女</span><input type="radio" name="sex">-->

<!--</div>-->

<!--button按钮只是一个按钮，没有任何其它附加操作；-->

<!--submit按钮和form表单连用，会把form表单中的数据提交给后台。所以会出现点击form表单中的submit按钮页面刷新-->

<!--form表单中：action的值是跳转到哪个页面；请求的接口；method：请求方式-->

<!--form表单提交会刷新页面，ajax提交不会刷新页面，只提交数据-->

<!--<form action="head.html" method="post">-->

    <!--<input type="text" value="默认值">-->

    <!--<!–input标签type属性是button或submit时，是没有name属性的–>-->

    <!--<!–没有任何附加操作，日常使用中，会添加onclick事件，会使用到ajax–>-->

    <!--<input type="button" value="增加">-->

    <!--<input type="submit" value="提交">-->

    <!--<input type="reset" >-->

<!--</form>-->

<input name="username" value="1234" type="text">

</body>

</html>

第12课：HTML+CSS的基础用法的更多相关文章

  1. css的基础用法之标签选择

    一.css的4种引入方式 #.内联式 <p style="color: red;font-size: 50px;text-align: center">Egon是一个非 ...

  2. css的基础用法（下）

    定位: <html> <head> <meta charset="utf-8" /> <title>定位</title> ...

  3. css的基础用法（上）

    css定义: CSS层叠式样表(Cascading  Style Sheets)是一种用来表现html或xml等文件样式的计算机语言.CSS不仅可以静态的修饰网页,还可以配合各种脚本语言动态地对网页个 ...

  4. 2天驾驭DIV+CSS （基础篇）（转）

    这是去年看到的一片文章,感觉在我的学习中,有不少的影响.于是把它分享给想很快了解css的兄弟们. 基础篇[知识一] “DIV+CSS” 的叫法是不准确的[知识二] “DIV+CSS” 将你引入两大误区 ...

  5. 【Python爬虫】selenium基础用法

    selenium 基础用法 阅读目录 初识selenium 基本使用 查找元素 元素互交操作 执行JavaScript 获取元素信息 等待 前进后退 Cookies 选项卡管理 异常处理 初识sele ...

  6. 前端工程师面试问题归纳（一、问答类html/css/js基础）

    一.参考资源 1.前端面试题及答案整理(一) 2.2017年前端面试题整理汇总100题 3.2018最新Web前端经典面试试题及答案 4.[javascript常见面试题]常见前端面试题及答案 5.W ...

  7. 爬虫简介、requests 基础用法、urlretrieve()

    1. 爬虫简介 2. requests 基础用法 3. urlretrieve() 1. 爬虫简介 爬虫的定义 网络爬虫(又被称为网页蜘蛛.网络机器人),是一种按照一定的规则,自动地抓取万维网信息的程 ...

  8. 第二部分----CSS的基础语法

    PART-1 CSS的基础常识 一.什么是CSS? W3C标准中,倡导有3:其一为内容与表现分离,其二为内容与行为分离,其三为内容结构的语义化.其倡导中第一条的"表现"指的便可以说 ...

  9. Smarty基础用法

    一.Smarty基础用法: 1.基础用法如下 include './smarty/Smarty.class.php';//引入smarty类 $smarty = new Smarty();//实例化s ...

随机推荐

  1. Spark中ml和mllib的区别

    转载自:https://vimsky.com/article/3403.html Spark中ml和mllib的主要区别和联系如下: ml和mllib都是Spark中的机器学习库,目前常用的机器学习功 ...

  2. Qt emit的使用

    1. 假设现在我定义了一个类A,现在想在A的一个函数void A::function1()当中的结尾处emit一个信号signal1(),然后利用这个信号触发另一个类B进行某项操作void B::fu ...

  3. (9)SpriteFrameCache和TextureCache

    简介 SpriteFrameCache 主要服务于多张碎图合并出来的纹理图片.这种纹理在一张大图中包含了多张小图,直接通过TextureCache引用会有诸多不便,因而衍生出来精灵框帧的处理方式,即把 ...

  4. LCS 最长公共子序列

    区别最长公共子串(连续) ''' LCS 最长公共子序列 ''' def LCS_len(x, y): m = len(x) n = len(y) dp = [[0] * (n + 1) for i ...

  5. Codeforces Round #530 (Div. 2) Solution

    A. Snowball 签. #include <bits/stdc++.h> using namespace std; ], d[]; int main() { while (scanf ...

  6. 【转载】JS Number类型数字位数及IEEE754标准

    JS的基础类型Number,遵循 IEEE 754 规范,采用双精度存储(double precision),占用 64 bit.如图 意义 1位用来表示符号位 11位用来表示指数 52位表示尾数 浮 ...

  7. 项目管理工具- Maven

    <settings xmlns="http://maven.apache.org/SETTINGS/1.0.0" xmlns:xsi="http://www.w3. ...

  8. WebCollector2.7爬虫框架——在Eclipse项目中配置

    WebCollector2.7爬虫框架——在Eclipse项目中配置 在Eclipse项目中使用WebCollector爬虫非常简单,不需要任何其他的配置,只需要导入相关的jar包即可. Netbea ...

  9. 学习Zookeeper之第1章Zookeeper入门

    第 1 章 Zookeeper入门 1.1 概述 1.2 特点 1.3 数据结构 1.4 应用场景 统一命名服务 统一配置管理 统一集群管理 服务器动态上下线 软负载均衡 1.5 下载地址 第 1 章 ...

  10. 如何识别网页类型(wap页面还是wise页面)

    思路很简单,就是通过网页结构的一些特征来区分,当然也可以通过url的格式来区分,不过这个错误率较高,因为有很多小网站的url设计不规范. 网页特征包括两大类: 1.meta信息: 一般wap页面都会为 ...