初识前端，html笔记录

最新推荐文章于 2024-10-12 10:19:22 发布

cfhyh

最新推荐文章于 2024-10-12 10:19:22 发布

阅读量712

点赞数 9

文章标签：前端笔记

本文链接：https://blog.csdn.net/cfhyh/article/details/136747693

版权

本文详细解释了UTF-8、GB2312、BIG5等字符集在网页开发中的应用，以及HTML中各种标签的使用，包括文本、链接、表格、表单等，以及CSS样式控制的特性。

摘要由CSDN通过智能技术生成

UTF-8——通用字符集
GB2312——简体中文
BIG5——繁体中文
GBK——GB2312 补充
需要结束标：
<strong><b>加粗 <em><i>斜体
<del>删除线 <u>下划线
<P>段落（align（属性）=left/right/center；font 字体；color 颜色（英文或rgb三基色））
<sub>下标
<sup>上表
<span>修饰文本的标签（标准的行内表签）（style;font-size:30px)
<pre>原样输出
<hn>标题标签（n=1~6,越来越小，加粗）
<div>块级标签（盒子布局）
<form actin="文件"；method=“post” name=“regiser”>
   <input type="text（文本框）“
           “passwor（密码框）”
           “radio（单选）“
           ”checkbox（多选）“
           ”reset（重置按钮）“
           ”button（普通按钮）“ value=
           ”submit（提交按钮）”
           ”image(图像按钮)“ src="绝对路径"
           ”file（文件）”
           “hidden(隐藏域)”
           “email（邮件域）”
           “color（颜色域）”
           "date (日期)"
           "time (时间)"
           "datetime-local(日期时间结合)"
           "range(进度条)"
       readonly(只读)
       checked(默认)
       disabed（禁用）
       autofocus(默认光标位置)
       required（不能空白提交）
<select （multiple（以列表形式展示））>(下拉列表框)
       <option value=“” >(选项)
       <select>(默认)
<textarea>(文本框)
       <cole>（列数）
       <rows>（行数)
       <>(默认文本)
   <a href="路径/#id锚点">
       <vlike>
       <alike>
       <like>
       <text>
       <bgcolor>背景颜色
       <background>
       <target="_blank""_""_""_">
<img src="路径" >(图片)
   alt="文字描述"（无显示时的图片描述）
   width/height=px/%
   border（边框）
   align(top上 middle居中 bottom下 left左 right右对齐方式)
   title="文字描述"(图片标题)
<usemap>属性
<map>与<area>连用
<area>标签:
   shape(circle)鼠标点击形状
   coords鼠标点击位置
<audio>音频
<vidio>视频
   controls组件
   autoplay自动播放
   loop循环播放
<table>
    tr行
   tb列
   thead表头
   tbody主干
   tfoot表尾
   border边框
   width宽度
   hight高度
   bgcolor 背景颜色
   background 背景图
   align(top上 middle居中 bottom下 left左 right右对齐方式)
   cellpadding边距 cellpacing间距（默认值2xp）
   rowspan="n(整数)"合并行
   colspan="n(整数)"合并列
有序列表、无序列表、数据列表
1.有序:<ol>
   li元素
   type属性：样式1、a、A、i、I
   start：开始数（只能用type =“1”时用）
   reversed：反序
无序：<ul>
   type:disc（实心圆）circle（空心圆）square（实心方块）
数据: <dl>
   dt标题
   dd内容