第二周预习——html常用标签，认识浏览器

标签分类：

文字
列表
表格
超链接
图像
表单

文字类标签：

<h1></h1>~<h6></h6>	标题	<br/>	换行
<p></p>	段落	<u></u>	下划线
<b></b>	加粗	<s></s>	删除线
<strong></strong>	加粗（加强语气）	<del></del>	删除线
<i></i>	倾斜	<sub></sub>	下标
<em></em>	倾斜（加强语气）	<sup></sup>	上标

列表类标签：

1.无序列表

<ul><li>内容<li><li>内容<li>
</ul>

2.有序列表

<ol><li>内容<li><li>内容<li>
</ol>

3.定义列表

<dl><dt>标题1<dt><dd>内容<dd><dt>标题2<dt><dd>内容<dd>
</dl>

表格标签：

1.基本结构

<table>              ——————定义表格<tr>               ——————定义行<td>内容</td>    ——————定义列</tr>
</table>

2.表格属性

<table cellpadding=" " cellspacing=" " broder=" " width=" " align=" " height=" "><tr width=" " height=" " bgcolor=" "><td width=" " height=" " rowspan=" " colspan=" ">内容</td></tr>
</table>

cellspacing	表格间距	align	表格对齐方式
cellpadding	表格填充	width	宽度
border	边框	height	高度
rowspan	行合并数目	colspan	列合并数目
bgcolor	背景颜色

超链接标签：

<a href="  " target="  ">内容</a>

href（超链接指向）	URL（统一资源定位符）	http:/www.baidu.com
	URI（统一资源标识符）	tel:10086/mail:***@163.com
	文件路径	./***.html
target（指向的链接打开方式）	_blank	在新的窗口打开
	_self	在自身的窗口打开
	_parent	再上一级窗口打开
	_top	在浏览器的整个窗口打开

图像标签：

<img src="  " alt=" "/>

src（图片来源）	本地图片	绝对地址	C：/xx/xxx.jpg
		相对地址	./img/xxx.jpg
	图片链接	http://xxxxxxx.com/xxx.jpg
alt（用来代替图片的文本）	图片加载失败时的显示
	有利于搜索引擎的收录

表单标签：

<form method=" " action=" " target=" "><input type=" " name=" " value=" " placeholder=" "/><select name=" "><option value=" ">内容</option><option value=" ">内容</option><textarea name=" " rows=" " cols=" "></textarea> <button type=" ">内容</button>
</from>

<form></form> （表单）	mothod（提交方式）	get、post
	action（提交的地址）
	target（目标打开方式）	_blank、_self、_parent、_top
<imput/> （输入框）	type（输入框类型）	text（文本输入）
		password（密码输入）
		button（按钮）
		submit（提交）
		radius（单选框）
		checkbook（多选框）
	name（输入值类型）
	value（输入的值）
	placeholder（文本框灰色字体提示）
<select></select> （下拉选择框）	<option></option>（选择项）	value（输入的值）
<textarea></textarea> （文本域）	name（输入值类型）
	rows（行数）
	cols（列数）
<button></button> （按钮）	type（类型）	submit（提交）
<button></button> （按钮）	type（类型）	reset（重置）

浏览器的认识：

常见浏览器有很多例如：

1.Internet Explorer

它是微软新版本Windows操作系统的一个组成部分，在Windows操作系统安装时默认安装。

2.360极速浏览器

360极速浏览器是一款极速、安全的无缝双核浏览器。它具有闪电般的浏览速度、完备的安全特性及丰富的实用工具扩展。它有着超级精简的页面和创新布局，并创新性地融入国内用户喜爱的天气预报、词典翻译等等热门功能，在速度大幅度提升的同时，兼顾国内互联网应用。

3.谷歌（Chrome）浏览器

谷歌Chrome浏览器是一款可以让用户更快速、轻松且安全地使用网络的浏览器，Chrome浏览器的设计超级简洁，使用起来更加方便，该浏览器做大的亮点就是其多进程架构，保护其不会因恶意网页和应用软件而崩溃。

4.QQ浏览器

QQ浏览器是一个多功能的软件，里面可以下载小说，音乐，还有视频等内容，也可以在QQ浏览器里进行搜索和查询等操作，QQ浏览器无论是手机软件还是电脑版的页面都是比较稳定和安全的，不会有病毒和广告的出现，而且也没有那么多的垃圾内存。

4.火狐（FireFox）

火狐浏览器是比较快的，有超强的易用性，个性化定制等特点。

浏览器的概念：

浏览器是安装在电脑上进入互联网查看信息的“窗口”（软件）。

第二周预习——html常用标签，认识浏览器相关推荐

蓝旭前端第二周预习———HTML标签+如何查看控制台
蓝旭前端第二周预习---HTML标签+如何查看控制台 HTML标签文档文档生成文档结构标签标签语法基本标签如何查看控制台(chrome) HTML标签文档文档生成 VScode中&q ...
第二周预习：异常类，常用类，容器
异常类异常异常:在程序的运行过程中,发生了不正常的现象,阻止了程序的运行,我们称之为发生异常. Java使用throw关键字抛出一个Exception子类的实例表示异常发生. try-catch语 ...
一周学会HTML----Day03常用标签(下)
form 标签表单(重要) 表单用途用于收集用户信息,提交给服务器基本使用 (action,method,enctype) 要提交的表单必须放到form里 input select textar ...
第二周预习：Java基本语法2、面向对象入门
1. 方法相关问题 ```java public class Main {static void changeStr(String x) {x = "xyz";}static vo ...
BIT前端训练营笔记（一）| 20211225 预习 | 常用标签、语义化、响应式设计
百度前段训练营笔记 20211225 预习 html常用标签 img的alt=" "属性 alt 属性是一个必需的属性,它规定在图像无法显示时的替代文本.ol 有序列表:ul无序列 ...
Web学习第二天——HTML的基本标签（媒体标签、链接标签、列表标签、表格标签、表单标签）
第二天 HTML的常用标签(媒体标签.链接标签.列表标签.表格标签.表单标签) 一.媒体标签 (一).图片标签(img) 标签格式及属性介绍 (二).音频标签(embed.audio) embed标签 ...
前端第二章：1.HTML简介、Linux 命令行打开 .html 文件、常用标签（一）
一.HTML 简介 1.HTML 是超文本标记语言(Hypertext Markup Language) 2.负责网页三要素中的结构 3.使用标签的形式识别网页中不同的组成部分 4.超文本 ...
html5是什么？五大浏览器、网页基本骨架结构与含义、常用标签——学习HTML5第一天的心得总结，若有错误望指正，我将持续更新与大家共同进步。
注意:上方P标签所说的块元素不可嵌套块元素是指在p元素中不建议嵌套块元素,如不建议<P><div></div></P>这种嵌套,其他块元素则根据需求嵌套 ...
第一次预习作业（html,css,js简单介绍，HTML常用标签）
目录一.HTML,CSS,JS,简单介绍 1.HTML 2.CSS 3.JS 二.HTML常用标签一.HTML,CSS,JS,简单介绍 1.HTML HTML 是用来描述网页的一种语言. HTML ...

第二周预习——html常用标签，认识浏览器

第二周预习——html常用标签，认识浏览器相关推荐

最新文章

热门文章