web前端

发布时间 2023-10-21 10:10:29作者: 伴风望海648
<meta chatset="      ">   需要添加字符 如“UTF–8”
<html lang="  ">  如“en,zh-CN,ja-jp
<h1></h1>  <h2></h2>……<h6></h6>
<br/>换行
<p>段落文本内容</p>  标识一个段。
<hr/> 空标记  水平线
加粗有两个标记。
<b>加粗内容</b> 显示加粗。
<strong>强调的内容</strong> 突出的文本。
倾斜有两个标记。
<em>强调文本</em>
<i>倾斜文本</i>
删除有两个标记。
<s>文本</s>删除线
<del>文本</del>删除线
扩展
<u>文本</u>下划线
<sub>内容</sub>下标
<sup>内容</sup>上标
<color=“red” width=“300px” align=“right”>    文字水平对齐
valign      文字竖直对齐
color====颜色
width====宽度
align====对齐方式
noshade====取消阴影
&copy;  版权(圆圈里有C)
&trade; 右上角TM
&reg;   圆圈里有R
&lt; 左尖角号
&gt; 右尖角号
&nbsp; 空格
&#128515   尾数可变 表情
div  无含义,划区域 
span  无含义,修饰,不破坏原本结构
ol   有序列表
ctrl+/  注释
ul    无序列表
border: 边框
bordercolor  边框颜色
bgcolor  背景颜色
cellspacing 单元格与单元格之间的距离
cellpadding 单元格与内容之间的空隙
colspan  合并行元格
rowspan 合并列
li    定义列表项目
ul    无序列表
dl    自定义列表
例<ol type=square>
<dt>图片<dt>
<dd>文字<dd>
./ 同级
../  上级
../../ 上级的上级(多级返回)
<img scr="图片路径" alt="因某些原因而加载失败,才出现" title="解释图片">
<a herf="路径"title="鼠标悬停上去后的提示信息"target="_blank或_self">名字</a>
<table> 表
在表中<tr>代表行,<td>表示一个单元格的内容
<table>
<tr>
   <td>1</td>
</tr>
</table>
表单标签:
<form method="get或者post" action="向何处发表表单数据">
get  数据传输量小,快,安全性低,从服务器上获取信息
post 数据传输量大,慢,安全性高,向服务器传输数据
<input type="类型" placeholder="提示">
类型如:text文本,password密码,submit提交框,value提交到action所指定的地方,button按钮键,reset清除的作用,name 用户的信息才会被传到服务器
CSS
link关联
rel引入 stylesheet
type格式  text/css
herf路径
在HTML中 <link rel="stylesheet" type="text/css" href="css的路径">
在HTML中 <style>
                 @import url(css的路径)
           </style>
外部样式的优先级低于内部样式的优先级(!important优先)
class选择器 class="命名"      花括号中以;结尾
 <style>
    .名字{
          color:red;
         }
id选择器 #名字 {  }
        <div id="例box"></div>
        <style>
           #box{
          color:yellow;
         }
        </style>
*通配符  *{属性:属性值;}
div,p,b{
属性:属性值
}
p b{}     p中的b列标
link-–visited––hover––active
!important>内部>包含选择器(选择器的权重之和)>id>class>style(元素)
font-size  字体大小(默认16px)
font-family 字体
font-weight 加粗 (lighter,normal,bold,bolder,或100)
font-style 倾斜(italic,oblique,normal)
color:rgb(0,0,0)    红,绿,蓝,三种的比例
color:#ffffff   16进制(6个数)
text-align:justify  两端对齐
line-height: 100        行高