html概念

1.web标准

-结构:html
-表现:css
-行为:javascript
标准是由W3C组织制定的(万维网联盟组织)

2.常用标签

-<!DOCTYPE html>文档类型声明
-html:网页的根标签,所有其他的标签都被包含其中
-head:头部标签,配置一些网页信息
-meta:配置网页
-title:标题标签,显示选项卡中的文本内容
-body:主体标签,所有显示在网页中的其他标签和内容都被包含
-<!--注释 -->:给代码结构做备注
-hr:水平线
-p:段落标签
-font:文本标签 例如<font color="red"></font>
-br:换行标签
旧式写法 新式写法
b 加粗 strong
i 斜体 em
u 下划线 ins
s 删除 del
新式写法更强调语义
标签语义化:在需要的地方用合理的标签
img图片标签
属性:src图片路径,width宽,height高,
title提示信息,alt替换文本,图片不存在时显示,border图片边框

3.路径

相对路径
同级相对路径:网页和其他文件在同一个目录下
下一级相对路径:站在网页角度去寻找图片,要准确写出文件夹的名字
上一级相对路径:站在网页角度去寻找图片,当文件在几个文件夹之外时,有几个文件夹写几个 ../,使网页跳出文件夹,找到文件。
绝对路径
文件在磁盘中的物理位置,出于安全性,不能通过浏览器直接访问磁盘中的文件,可以通过接口的方式进行文件访问

4.空链接

当还没有想好跳转那个页面,建议写两个##,防止跳转网页顶部

5.锚点链接

在网页内部跳转
规则:给需要跳转到的位置的标签用id属性命名,id名是唯一的,不要用数字开头
a标签用href属性关联id名称,要加#号
例如:<p id="one">第一层</p>
<a href="#one">去第一层</a>

6.特殊字符

  空格 < < > > ©

7.表格

table:被一组table管理
tr:行
td:单元格
th:表头,默认内容水平居中且加粗
属性:
border:表框
cellspacing :单元格和单元格之间的距离,默认是2px
align:left/center/right 默认是left
caption:标题
width:宽度
height:高度

8.列表

无序列表
被一组ul管理,li是列表项,ul只能包含li,li可以包含其他任何标签
有序列表
被一组ol管理,li是列表项,ol只能包含li,li可以包含其他任何标签
自定义列表
被一组dl管理,dt是主题,dd是列表项,dl只能包含dt和dd,dt和dd可以包含其他任何标签

image.png

9.表单

表单:表单标签 提示信息 表单域
label标签:标题
for属性:关联表单标签的id属性
===============================
input标签:
type属性:
text:输入框
radio:单选
属性:
name:组的概念,让几个单选按钮形成单选效果,起相同的name
checked:默认选中 写法:checked="checked" checked="" checked
button:按钮
属性:
value:按钮文本
submit:提交按钮
reset:重置按钮
==================================
checkbox:复选框
属性:
checked:默认选中 写法:checked="checked" checked="" checked
===================================
select:下拉框
option:下拉项
属性:
selected:默认选中 写法:selected="selected" selected="" selected
optgroup:下拉组
属性:
label:组标题
===================================
textarea:文本域
===================================
form:表单域 将想要提交的标签包含
属性:
action:提交地址
method:提交方式 get/post
===================================
button:按钮
属性:
type:submit()默认 button reset

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