HTML+CSS基础小知识汇总(一)

HTML小知识点汇总。


html的基本结构: <html>....</html>一般在开始端和结束端;

<head>....</head>头部标签,一般包含“<title><script><style><link><meta>”等标签;

<body>网页的主体部分。

标签:

<hx>标题标签,x可取1~6,代表依次减小的字号;

<p>..</p>段落标签,中间是文本段落;

<img src="">图片标签,引号部分为图片存储链接;

注意:网页上所有要显示的内容都要放在<body></body>中。

<em>,<strong>两个标签分别用来表示强调语气;前者是将字体表示为斜体,后者为加粗字体;

<span>标签,用来单独设置样式,用法需加上<style>标签:

<style>

<span>.....</span>

</style>如需加颜色则在<style>前加上“span{color:#900}”;

<q>简短文本引用标签,它在用作引用时会自动加双引号;

<blockquote>长文本引用;


&nbsp;空格标签;

<br/>,分行标签,它是一个空标签,只有一个开始标签;

<hr/>,加段落分隔横线的标签,它也是一个空标签,只需开始标签;

<img>标签,用法:

<img  src=“图片地址”    art=“下载失败时的替换文本”  title=“提示文本”(即鼠标滑过图片时的描述语句)>;

<address>....</address>,地址标签,中间填入地址信息,网页上默认显示为斜体;

<code>...</code>,中间可以填入一行代码;

<pre>....</pre>,中间可填入多行代码;

ul-li标签,是没有前后顺序的消息列表,用法如下:

<ul>

<li>信息1</li>

<li>信息2</li>

</ul>显示的两条信息无先后,如下图:



ol-li标签,是有前后顺序的消息列表,用法如下:

<ol>

<li>信息1</li>

<li>信息2</li>

</ol>显示的消息有先后,如下图:


div标签,将独立的逻辑部分划分出来;

<div      id=" 版块名称  ">........</div>;id部分是给划分出来的版块命名;

table标签:

添加表格有4个元素:

<table>.....</table>整个表格由此开始,(<table  summary="  对文本简介  ">是给表格一个简介)

<tbody>....<tbody>用来分段;

<tr>......</tr>表格的一行,有几对<tr></tr>就有几行;

<td>.......</td>表格的一列,有几对<td></td>就有几列;

<th>......</th>表格头部的一个单元格,表头表格;

<caption></caption>表格标题;


<a      herf="超链接">链接显示文本</a>在当前网页可以打开的超链接;



<a  herf="超链接"    target="_black">链接显示文本 </a>在新页面打开的超链接;


<mailto>标签表示发送邮件:



表单标签:

<form method="传送方式”  action="服务器文件">

<form></form>成对出现,表征开始和结束;

action:浏览器输入的数据被传送的地方,例如一个php页面(save.php);

method:传送方式:post/get;

文本输入框,密码输入框:

<form>

<input  type="text/password"      name=“名称”      value=“文本”>

</form>

text表示文本输入框,password表示密码输入框,value为输入框设置默认值,一般起提示作用;




最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,980评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,178评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,868评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,498评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,492评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,521评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,910评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,569评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,793评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,559评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,639评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,342评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,931评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,904评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,144评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,833评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,350评论 2 342

推荐阅读更多精彩内容

  • 引言 在日常开发Android中,很多时候会遇到和WebView打交道,对CSS HTML JS不是很清楚的话是完...
    张文靖同学阅读 2,827评论 0 11
  • HTML基础 本文包括 HTML基本知识与结构 HTML常见标签 标签写法与嵌套的讨论 HTML、CSS、java...
    廖少少阅读 2,077评论 2 21
  • 1、HTML介绍 1 2、Html和CSS的关系 HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户...
    夏沫xx阅读 1,352评论 0 8
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,722评论 1 92
  • 小曼微课笔记004 课程时间:2016.8.2 带拆人:李小曼 书名:拯救赖床钉子户 主办方:吾同院拆书帮 平台:...
    一书三拆阅读 174评论 0 0