HTML5入门
橘九。
进击的小白
展开
-
HTML入门12_内联框架iframe
iframeiframe元素会创建包含另外一个内联框架(即行内框架)使用src指定地址例子:将百度页面的内容链接到当前页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><iframe src="http://www.baidu.co原创 2020-12-09 13:14:24 · 185 阅读 · 0 评论 -
HTML入门11_表单_下拉选择框
select标签和option标签:<select> 元素用来创建下拉列表。<select> 元素中的 <option> 标签定义了列表中的可用选项。<select name="downlist"> <option>Java</option> <option>Python</option> <option>PHP</option> <option原创 2020-12-08 16:07:11 · 5638 阅读 · 0 评论 -
HTML入门10_表单_label标签和textarea标签
label标签:label标签为input 元素定义注释,标记label不会为用户呈现任何特殊效果,不过,他为鼠标用户改进了可用性,如果你在label元素内点击文本,就会触发次控件,就是说,当用户选择该标签时,浏览器会自动将焦点转移到和标签相关的表单控件上;<label>标签的for属性应当与相关元素的id属性相同;<form> <label for="user">姓名:</label> <input type="text" na原创 2020-12-08 16:06:28 · 521 阅读 · 0 评论 -
HTML入门9_表单_input标签
表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。表单使用表单标签 <form> 来设置:<form>.input 元素.</form>form标签属性:action : 定义表单数据提交地址method : 定义表单提交方式(常见的post和get)form表单中包含的元素:<l原创 2020-12-08 16:04:07 · 348 阅读 · 0 评论 -
HTML入门8_常用标签_表格table
表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。<table> <tr> <td>苹果</td> <td>橘子</td> &原创 2020-12-08 16:02:20 · 145 阅读 · 0 评论 -
HTML入门7_常用标签_列表
列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。有序列表网页上定义一个有编号的内容,列表项目使用数字进行标记。 有序列表始于 <ol> 标签。每个列表始于 <li> 标签。<ol> <li>第1条内容</li> <li>第2条内容</li> <li>第3条内容</li> <li>第4条内容</li> <li原创 2020-12-08 15:59:48 · 169 阅读 · 0 评论 -
HTML入门6_常用标签_块标签div和span
div标签它可用于组合其他 HTML 元素的容器;div标签把文档分为独立的,不同部分,可以用作严格的组织工具、由于它属于块级元素,浏览器会在其前后显示折行可以设置长度,宽度和颜色等; <!--块标签--><div style="width:200px;height:400px;background:blue" >块标签1</div><div...原创 2019-10-14 19:06:55 · 210 阅读 · 0 评论 -
HTML入门5_常用标签_图像标签img和链接标签a
img标签:img元素向网页中插入图像,并不是插入而是链接图像,标签创建的是被引用的图像的占位空间;<img>有有两个必需的属性,src属性和alt属性;语法格式:<img src="url" alt="some_text">alt: 规定图像的替代文本src: 规定显示图像的URLheight :定义图像的高度width: 设置图像的宽度举例如下:<!DOCTYPE html><html lang="en"><head&g原创 2020-12-08 15:53:35 · 605 阅读 · 0 评论 -
HTML入门4_常用标签_文本格式化_粗体、斜体和下划线标签
本篇介绍HTML中字体效果,分别是粗体和斜体以及下划线效果。HTML中<b>标签表示粗体,是英文打次blod的缩写;<i>标签标签斜体,是英文单词italic的缩写;<u>表示下划线,是英文单词underline的缩写。来看一个例子<!DOCTYPE html><html> <head> <title> HTML中的粗体,斜体和下划线标签 </title> <meta h原创 2020-12-08 15:46:22 · 489 阅读 · 0 评论 -
HTML入门3_常用标签_居中和空格
1.居中center显示使用center标签这里用标题来演示。默认不使用居中会在居左显示。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>HTML中的居中标签center</title></head><body> <center> <h1>标题居中显示原创 2020-12-08 15:42:31 · 260 阅读 · 0 评论 -
HTML入门2_常用标签_段落和标题标签
1. 注释:定义和用法:注释标签用于在源代码中插入注释,注释不会显示在浏览器中;有助于后期对代码理解;例如:<!--这是一段注释不会在浏览器中显示-->2. 段落标签段落是通过 <p> 标签定义的。<p>这是一个段落 </p><p>这是另一个段落</p>浏览器会自动地在段落的前后添加空行。(</p> 是块级元素)段落中换行如果您希望在不产生一个新段落的情况下进行换行(新行),请使用 <br&原创 2020-12-08 15:40:59 · 286 阅读 · 0 评论 -
HTML入门1.HTML简介
从这篇开始,新写一个系列,主要用来记录学习HTML的过程,顺便通过博客文章的方式,记录学习过程。还有一个原因是接下来会想后续搭建一个自动化测试平台,那么前端内容是必不可少的;什么是HTML(超文本标记语言)HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言,而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页HT原创 2020-12-08 15:28:54 · 1354 阅读 · 0 评论