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. POJ3352Road Construction(构造双连通图)sdut2506完美网络

    构造双连通图:一个有桥的连通图,如何把它通过加边变成边双连通图? 一个有桥的连通图,如何把它通过加边变成边双连通图?方法为首先求出所有的桥,然后删除这些桥边,剩下的每个连通块都是一个双连通子图.把每个 ...

  2. jsoup做http接口测试

    本文转载张飞的博客http://www.cnblogs.com/zhangfei/p/4359408.html在此感谢博主的分享! 最早用Jsoup是有一个小的爬虫应用要写,发现Jsoup较HttpC ...

  3. python开发之路目录

    Python 目录 基础 python入门 python数据类型.字符编码.文件处理 python函数基础 python函数进阶 python装饰器函数 python装饰器函数 python递归函数 ...

  4. 72. Edit Distance(编辑距离 动态规划)

    Given two words word1 and word2, find the minimum number of operations required to convert word1 to  ...

  5. poj1228 Grandpa's Estate

    地址:http://poj.org/problem?id=1228 题目: Grandpa's Estate Time Limit: 1000MS   Memory Limit: 10000K Tot ...

  6. python webdriver 测试框架-数据驱动exce驱动，不用ddt的方式

    data.xlsx: 脚本: #encoding=utf-8from selenium import webdriverimport timeimport datetimefrom openpyxl ...

  7. 20145221 《Java程序设计》第四周学习总结

    20145221 <Java程序设计>第四周学习总结 教材学习内容总结 第六章部分 - 继承与多态 何谓继承 继承 继承是Java程序设计语言面向对象的又一重要体现,允许子类继承父类,避免 ...

  8. Signing package index... Cannot open file '/home/jello/openwrt/key-build' for reading

    一.环境 发行版:Ubuntu 18.04.1 LTS 代号:bionic 内核版本:4.15.0-30-generic 二.背景 在编译Openwrt/LEDE时出现以下错误,进而自动终止了编译: ...

  9. MVC webapi,Action的分别拦截器

    继承Controller,ApiController的拦截继承的接口不一样 webapi的拦截器:(继承System.Web.Http) using System; using System.Coll ...

  10. [微信开发] - weixin4j关键类解析

    TokenUtil : get()获取我方自定义的token(从配置文件或数据库) checkSignature(Str..... (服务器配置连接验证有效性) /* * 微信公众平台(JAVA) S ...