Html5的一些基础知识_html/css_WEB-ITnose
是一条直线
小标题
小标题
指的是换行,放在一句话的后面,重复用可以多空几行
指的是空格。圆角状态下的空格也可以在网页中表现出来。
Tab指缩进
title放上去的时候会显示
- 苹果
- 苹果是一种水果
- 香蕉
- 香蕉也是一种水果
姓名 | 性别 | 学科 | |
---|---|---|---|
李培能 | 男 | 语文 | |
胡习平 | 男 | 语文 | |
王小康 | 男 | 语文 | |
戴晓 | 男 | 语文 |
表格由table标签创建,tr标签创建行,td(colspan可以横跨几列,
rowspan可以横跨几行)或th(使第一行粗一点)创建列;
border标签表示表格边框的宽度,cellpadding标签表示字和框线的距离,
cellspacing标签表示每个单元格的间距
会员注册
form表示表单;input标签定义表单的输入界面,通过type属性来展示不同
的输入界面,通过value来改变默认值,file可以用来上传头像,hidden表示隐
藏,button表示普通按钮,radio表示单选(但是要加name来关联),checkbox用
来表示多选(爱好),submit表示提交,rest表示重置;
action表示表单要提交到哪里,method表示提交方式(post和get);
checked=“checked”表示单选或复选的默认选择,disabled="disabled"表示默认
选择无法改变,readonly=“readonly”表示只读,size表示框的长度,textarea
是双标签,表示多行输入(cols表示长度,rows表示行数);
label用来提升用户体验,使勾选更容易(需要id和for配合使用);
select用来创建下拉栏{用option【用disabled(不能选),selected="selected"
(默认),value】来配合,还有disabled,name,multiple="multiple"(展开)};
optgroup用来表示组合(用label来配合),给选项进行分组

相对路径,指的就是图片的名字
./等于当前目录 ../等于上一级目录 文件夹名称/等于当前目录内的文件夹

百度贴吧
不换行
我是一句话
-
网友A:我喜欢小说。
-
网友B:我喜欢漫画。
-
网友A:小说更好看。
-
-
- 列表
- 列表
- 列表
标签写法以及嵌套的探讨
1、不容许写结束标签的元素有(单标签):area,bass,br,col,command,embed,hr,img,
input,keygen,link,meta,paran,source,track,wbr.
可以省略结束标签的元素有:li,dt,dd,p,rt,rp,optgroup,option,colgroup,
thead,tbody,tfoot,tr,td,th.
可以省略全部标签的元素有:html,head,body,colgroup,tbody.
2、具有boolean值(是/否)的属性:disabled,readonly,checked.
这些元素写的话就是true,不写的话就是false
属性值的引号可以省略,但属性值不可以包括空字符串,,=,+
3、块级元素可以嵌套内联元素,比如:
但内联元素不可以嵌套块级元素,span不可以在div的前面;
内联元素可以嵌套内联元素,比如:;
块级元素不能放在p标签内,比如:
也是错的;
li内可以包含div标签和ul、ol标签;
块级元素和内联元素是可以相互转化的。
其他标签
head中合法的标签有:bass,link,meta,title,style,script.
1、为html页面添加描述信息用于搜索引擎抓取
使用name属性,配合content来实现!(放在head中,title的下面)
2、引入css文件
css代码是写在一个单独的文件中的
3、为html文档加入使用的语言,在国际化网站中使用
英文使用en
4、用html来实现网页的跳转
5、告诉浏览器不要加载页面的缓存(即获取网站的最新内容)
6、iframe标签,框架(把一个网页以小框框的形式插入到另一个网页)
创建包含另一个文档的内联框架(即行内框架)【是在body内】。
属性:
frameborder 值:1,0 作用:规定是否显示框架周围的边框
width
scrolling 值:yes,no,auto(自动) 作用:规定是否在iframe中显示滚动条
src 规定在iframe中显示文档的URL,可以是本地的html文件,也可以是远程的html文件

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

AI Hentai Generator
Generate AI Hentai for free.

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

The official account web page update cache, this thing is simple and simple, and it is complicated enough to drink a pot of it. You worked hard to update the official account article, but the user still opened the old version. Who can bear the taste? In this article, let’s take a look at the twists and turns behind this and how to solve this problem gracefully. After reading it, you can easily deal with various caching problems, allowing your users to always experience the freshest content. Let’s talk about the basics first. To put it bluntly, in order to improve access speed, the browser or server stores some static resources (such as pictures, CSS, JS) or page content. Next time you access it, you can directly retrieve it from the cache without having to download it again, and it is naturally fast. But this thing is also a double-edged sword. The new version is online,

The article discusses using HTML5 form validation attributes like required, pattern, min, max, and length limits to validate user input directly in the browser.

This article demonstrates efficient PNG border addition to webpages using CSS. It argues that CSS offers superior performance compared to JavaScript or libraries, detailing how to adjust border width, style, and color for subtle or prominent effect

Article discusses best practices for ensuring HTML5 cross-browser compatibility, focusing on feature detection, progressive enhancement, and testing methods.

The article discusses the HTML <datalist> element, which enhances forms by providing autocomplete suggestions, improving user experience and reducing errors.Character count: 159

The article discusses the HTML <meter> element, used for displaying scalar or fractional values within a range, and its common applications in web development. It differentiates <meter> from <progress> and ex

The article discusses the HTML <progress> element, its purpose, styling, and differences from the <meter> element. The main focus is on using <progress> for task completion and <meter> for stati

This article explains the HTML5 <time> element for semantic date/time representation. It emphasizes the importance of the datetime attribute for machine readability (ISO 8601 format) alongside human-readable text, boosting accessibilit
