分类目录归档:HTML

html标签的学习

<mate> 视口标签

视口的简介

视口就是浏览器显示页面内容的屏幕区域

  • 下方作为一个定义完整视口标签属性的方式,适配用户设备宽度,并禁止用户缩放
HTML
<meta name="viewport" content="width=device-width, 
initial-scale=1.0,maximun-scale=1.0,minimun-scale=1.0">

标准的 viewport 设置

  • 视口宽度和设备保持一致
  • 视口默认缩放比例1.0
  • 不允许用户自行缩放
  • 最大允许的缩放比例1.0
  • 最小允许的缩放比例1.0
继续阅读

<iframe> 标签

iframe 将实现另一个HTML页面的嵌入

iframe 元素会创建包含另外一个文档的内联框架(即行内框架)

// 仅用了短短几行代码 就能引入另外一个网页的样式

继续阅读

HTMl的表单标签

input输入表单元素

<form> 标签定义及用法 在html中, <form> 标签是使用来创建供用户输入的 html表单,在网页中很常见,比如:注册和登录页面就是用表单实现的。

form的常用属性分别有<form action=”提交地址” method=”提交方式”>表单内容</form>

<form> 标签中通常会有很多子元素,用来定义各种交互控件(文本字段、复选框、单选框、提交按钮等等),比如< input>< button>< select>< textarea> 等标签

继续阅读

【学习】什么是HTML?

HTML是 HyperText Markup Language 的简称,

是一种用于创建网页的标准标记语言

HTML是网页的静态内容;html内容是不经过服务器处理就直接送出给浏览器呈现给浏览者。

一个网站的基本结构为如下元素

//doctype声明
<!DOCTYPE html>
//语言 英文
  <html lang=”en”>
//声明式 配置不做显示
  <head>
//字体编码 UTF-8
   <meta charset=”UTF-8″>
//搜索引擎 关键词
   <meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
  <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
//页面的标题
    <title>Document</title>
 </head>
//网站显示的内容
  <body>
 </body> </html>

那么,常用的标签有什么呢?

在body里设置背景色与文字设置

<body bgcolor=”背景色” text=”文字颜色”>

在body里设置整体页面的边距,行距

<body leftmargin=”像素px” topmargin=”像素px”>

标题文字设置

<h1>..</h6> //标题文字,由大到小
属性:align //属性值有 left(文本左对齐,默认) center(文本居中对齐) right(文本右对齐)

特殊字符的实体
&lt;  小于号<
&gt; 大于号>
&amp; &
&quot; 双引号“”
&nbsp;空格
在HTML中添加注释
<!--...-->
字符格式标记
<b>...</b>粗体
<i>...</i>斜体
<s>...</s>删除线
<u>...</u>下划线
<sub>...</sub>下标(化学元素:二氧化碳等)
<sup>...</sup>上标(数学中:幂,平方等)
语意字符控制
• <address>…</address> 地址
• <del>…</del> 删除(删除线)
• <ins>...</ins> 修改(下滑线)
• <strong>…</strong> 加强语气(加粗)
• <em>...</em> 加强语气(倾斜)
• <pre>...</pre>格式化
  • 地址标签的效果
  • 删除标签的效果
  • 修改标签的效果
  • 加强语气的效果
  • 格式化的效果
显示更多

【学习】搭建网站

一说到搭建网站,我们就得知道什么是IP地址,还有什么是域名了


先分配下角色,一个是客人,一个是店长。

店长打算在自己家里开一家生鱼片店。于是向门店负责的管理方申请门店注册。然后将自家车库改

造成店铺。腾出一个房间放库存。生意就这样开张了;
客人想买些生鱼片,跟着导航地图的门店地址来到了店长家里,挑选了精美的生鱼片打包带走。

这样的例子看起来就像搭建网站。要有的元素有很多:

  • .com 域名=门店招牌
  • Ser 服务器=店长家
  • html 网站内容=店面
  • php 网站环境=店铺设施
  • MySQL 数据库=库房
%title插图%num