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文件

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

WebDevelovermentReliesonHtml,CSS和JavaScript:1)HTMLStructuresContent,2)CSSStyleSIT和3)JavaScriptAddSstractivity,形成thebasisofmodernWebemodernWebExexperiences。

HTML、CSS和JavaScript在Web開發中的作用分別是:1.HTML定義網頁結構,2.CSS控製網頁樣式,3.JavaScript添加動態行為。它們共同構建了現代網站的框架、美觀和交互性。

HTML的未來趨勢是語義化和Web組件,CSS的未來趨勢是CSS-in-JS和CSSHoudini,JavaScript的未來趨勢是WebAssembly和Serverless。 1.HTML的語義化提高可訪問性和SEO效果,Web組件提升開發效率但需注意瀏覽器兼容性。 2.CSS-in-JS增強樣式管理靈活性但可能增大文件體積,CSSHoudini允許直接操作CSS渲染。 3.WebAssembly優化瀏覽器應用性能但學習曲線陡,Serverless簡化開發但需優化冷啟動問題。

HTML的未來充滿了無限可能。 1)新功能和標準將包括更多的語義化標籤和WebComponents的普及。 2)網頁設計趨勢將繼續向響應式和無障礙設計發展。 3)性能優化將通過響應式圖片加載和延遲加載技術提升用戶體驗。

HTML、CSS和JavaScript在網頁開發中的角色分別是:HTML負責內容結構,CSS負責樣式,JavaScript負責動態行為。 1.HTML通過標籤定義網頁結構和內容,確保語義化。 2.CSS通過選擇器和屬性控製網頁樣式,使其美觀易讀。 3.JavaScript通過腳本控製網頁行為,實現動態和交互功能。

HTML是構建網頁結構的基石。 1.HTML定義內容結構和語義,使用、、等標籤。 2.提供語義化標記,如、、等,提升SEO效果。 3.通過標籤實現用戶交互,需注意表單驗證。 4.使用、等高級元素結合JavaScript實現動態效果。 5.常見錯誤包括標籤未閉合和屬性值未加引號,需使用驗證工具。 6.優化策略包括減少HTTP請求、壓縮HTML、使用語義化標籤等。

HTML的作用是通過標籤和屬性定義網頁的結構和內容。 1.HTML通過到、等標籤組織內容,使其易於閱讀和理解。 2.使用語義化標籤如、等增強可訪問性和SEO。 3.優化HTML代碼可以提高網頁加載速度和用戶體驗。

HTMLISNOTAPROGRAMMENGUAGE; ITISAMARKUMARKUPLAGUAGE.1)htmlStructures andFormatSwebContentusingtags.2)itworkswithcsssforstylingandjavascript for Interactivity,增強WebevebDevelopment。
