HTML常用标签及认识浏览器-第二周

1.html常用标签

1.1结构标签

结构标签描述属性
<html>根标签
<head>头标签
<title>页面的标题标签
<h1>-<h6>文章内容的标题标签(一级标签到六级标签,字号由小到大)
<body>主体标签(显示页面的内容)

color(文本颜色)<font color="  ">内容</font>

bgcolor(背景颜色)<body bgcolor="   "> </body>

background(背景图片)

<p></p>段落标签(进行页面的分段设置)

1.2排版标签

排版标签描述属性
<br/>段内换行标签(会保留除空格外的原有文本格式)
<pre>预留格式标签(可保留文本中原有的格式,如空格和换行)
<hr/>水平线标签(可在文字下方添加水平线)

width(水平线宽度 像素表示或百分比表示)

color(水平线颜色)

align(水平线的对齐方式 left center right)

<!--  -->注释标签

1.3容器标签

容器标签描述属性
<div>块级标签(用于排版布局及组合页面元素,结合css分块布局)
<span>行级标签(组合行内元素,以便通过css样式格式化)

1.4文字标签

文字标签属性
<font>

size(设置字体大小)

color(设置字体颜色)

face(设置字体)

1.5列表标签

1.5.1无序列表

无序列表标签描述属性
<ul>无序列表标签

type(circle:空心圆)

(disc:实心圆默认)

(square:黑色方块)

<li>列表项

1.5.2有序列表

有序列表标签描述属性
<ol>有序列表标签type:1、A、a、I、i(数字、字母、罗马数字)
<li>列表项

1.6图像标签

图像标签属性
<img src="文件路径 " alt="图片的文字说明 "/>

src绝对路径(不同网站)

相对路径(同一个网站)

alt:图片的文字说明
width:宽度
height:高度
border:边框
align:对齐方式(top,middle,bottom)

1.7链接标签

链接标签属性
<a href=" ">

href:跳转页面的地址(链接到本站点;链接到其他站点;虚拟超链接#)

name

1.8表格标签

表格标签描述属性
<table>

border:边框的宽度

bordercolor:边框的颜色

cellspacing:单元格的边距

width:宽度

height:高度

colspan:列合并

rowspan:行合并

<tr>表示每行
<td>表示每列
<th>表头单元格的列

1.9文本化格式标签

文本化格式标签描述
 <b>    粗本文体
<big>大号字
<em>着重文字
<i>斜体字
<small>小号字
<strong>加重语气
<sub>下标字
<sup>上标字
<ins>插入字
<del>删除字

1.10表单标签

表单标签属性
<form>action:表示动作,值为服务器的地址,把表单的数据提交到该地址上处理,即后端数据接收的数据的文件
method:表示请求方式(get/post)
enctype:表示表单提交的类型

get:

  1. 地址栏:请求参数在地址后拼接
  2. 不安全
  3. 效率高
  4. 一般用于查询数据

post:

  1. 地址栏:请求数据单独处理
  2. 安全可靠
  3. 效率低
  4. 一般用于插入修改

1.10.1input标签

type属性取值是否设置name属性
text:文本框 输入明文内容需要
password:密码框(以*显示)
radio:单选框(name必须一致)checked="checked"表示选中
checkbox:复选框(name可以不同)checked="checked"表示选中

submit:提交按钮

不需要,但要使用value属性
reset:重置按钮
image:图片提交按钮
button:普通按钮
hidden:隐藏域(不清楚的显示在界面上)

1.10.2 select元素

        <option selected="selected">内容</option>

1.10.3 textarea元素

        <textarea rows="行数" cols="列数">提示性文本</textarea>

1.11框架结构标签(定义如何将窗口分割为框架)

框架结构标签属性
<frameset><row>(规定每行占据屏幕的面积)
<columns>(规定每列占据屏幕的面积)

注:不能将<body>标签与<frameset>标签同时使用

1.12框架标签<frame>(定义放置在每个框架中的html文档)

1.13一些特殊字符

        &lt; 小于号  
        &gt; 大于号
        &amp; 与字符
        &quot; 引号 
        &reg; 己注册
        &copy; 版权
        &trade; 商标
        &nbsp; 空格   
2.认识浏览器(shell+内核)

2.1定义

        浏览器是网页运行的平台(IE(运行速度慢,不常用),Firefox,Chrome等)

2.2组成

浏览器组成结构
组成结构作用
用户界面除了主窗口显示请求的页面以外,其他部分都属于用户界面
浏览器引擎在用户界面和呈现引擎之间传送命令
呈现(渲染)引擎负责取得网页内容,解析HTML与css内容,然后进行渲染呈现
js引擎解析js语言,执行js语句实现网页的动态效果
网络用于网络调用,如发起http请求,其接口与平台无关,并为所有平台提供底层实现
用户界面后端用于绘制基本的窗口小部件,公布了与平台无关的接口,在底层通过调用工作系统的页面方法进行绘制
数据存储持久层,浏览器需要在硬盘上存储数据

 

 2.3浏览器呈现过程

 

       

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值