HTML第一周笔记

基础介绍:

HTML:(Hyper Text Markup Language)超文本标记语言。

DTD(Document Type Definition) 文档类型定义。

骨架:,,

SEO:seo可以提高网页的自然排序,良好的seo应该书写title和两个meta(Keywords和Descript)

有序列表,无序列表,定义列表:

有序列表属性:

1:reversed:指定列表中条目是否倒序。

2:start:定义列表编号的起始值,必须是整数,应为阿拉伯数字。

3:type:值为 “A,a,i,I,1”定义列表编号类型。

注意事项:

li不能散者放;

在规范中,ul和ol下级只能是li,dl下级只能是dt和dd,且li和dt和dd作为容器可以容纳其他签。

对于使用什么标签,不应该看样式,应该看语义,只要语义上有“解释说明”含义的列表形态,就应该使用定义列表

相对路径和绝对路径

从描述的网页出发,如何找到目标,叫做相对路径。

目标的绝对地址,不会随着标记物改变的叫做绝对路径。。

超链接

href:设置链接路径。

title:设置鼠标悬停文字。

target:当属性值设置为blank,就会在新页面打开链接。

超级链接的常用使用方式:

锚点:网页中设置的id,在href中添加#id就能快速跳转。(在长网页建议适当在h系列添加id              属性,它将成为网页锚点)

下载链接:href指向zip,rar等文件格式的链接,将自动成为下载链接。

邮箱链接:href有mailto:前缀的链接,将成为邮箱链接,系统会自动打开相关软件。

电话链接:href有tel:前缀的链接,为电话链接,系统会自动打开相关软件。

音频和视频标签

音频

相同属性:

loop:循环播放。

controls:显示播放控件。

autoplay:自动播放(为了用户体验,有些浏览器会不支持自动播放)。

src:音频地址。

开始标签对和结束标签对之间可以书写文字,给不支持标签的浏览器用来显示。

区块标签

合理的使用区块标签会大大提高代码的可读性,更加语义化。

section:文档的区域,语义比div大。

article:文档核心内容,会被浏览器主要抓取。

aside:文档非必要内容(广告等)。

nav:导航条。

header:页头。

footer:页脚。

main:网页主要内容。

常用语义化标签:

span:文本中的“区块标签”,本身没有任何显示效果,常结合css使用(行内标签)。

标签,只要是强调语义,都可以使用。

已经被css替代,可以用来强调文本。

,
元素代表一段独立内容,与说明的
配合使用,它是一个独立的引用单元(常用来描述)。

表单

所有的HTML表单都是由

元素开始的

form属性:action:表示表单提交后台的网址。

                   method:表示表单提交的方式(get,post)

基本控件

text:基本输入控件

 属性:value:设置预选文本。

            placeholder:设置提示文字。

              disabled:锁死,不能交互。

radio:单选按钮

属性:name:设置名,当多个单选按钮拥有相同的name值,之间就会互斥。

            checked:默认选中。

label:和按钮捆绑后,点击文字也可以选择按钮。

checkbox:复选按钮。

属性:name:设置名,同组的复选框name值应该相同。

            value:必须设置,向服务器提交的值。

password:密码控件,输入的内容会显示为小圆点。

button:普通按钮

reset:重置按钮,按下后同表单的内容会被重置,value为显示文本

submit:提交按钮,按下后提交表单内容到指定的服务器,value显示文本。

textarea:文本域,多行文本框。

属性:cols:定义列数。

            rows:定义行数。

select:下拉菜单。

           

注意:select下级只能是option,option必须有value属性,用来提交给服务器的值。

HTML5提供的更丰富的控件

color:颜色控件;

emaile:邮件控件。

date:日期控件。

time:时间控件。

number:数字控件。(max为最大值,min为最小值)

file:文件选择控件。

search:搜索框。

url:网址。

range:拖拽条。(max为最大值,min为最小值)

注意:HTML会对邮箱,网址等控件进行自动检测。

            requiren:加入后此控件必填。

表格

创建表格

caption:用来书写表格标题。

th:用来表示每一行的标题,会加粗居中显示。(注:th和td属于同级)

tr:设置行。

td:设置每行单元格数据。

属性:

border:设置表格边框宽度。(默认单位是px,默认为双边框)

colspan:设置列合并。(单元格合并)

rowspan:设置行合并。

注意:colspan和rowspan两个属性可以同时使用。

            当未给单元格添加固定宽度时,单元格宽度由内容撑开。

标签定义了表头,表格核心内容,表尾。

注意:合理的使用

可以使代码更加易读。

cellpadding:定义了单元的内容和边框之间的距离。(已废除)

cellspacing:定义了两个单元格之间的距离。(已废除)

但行好事,莫问前程!

你可能感兴趣的:(HTML第一周笔记)