网站建设鼠标点击变色怎么弄,网站备案 密码找回,九江城市投资建设有限公司网站,网站建设的基本流程包括哪些我使用中英互译的方法来制作本次笔记#xff0c;课程来自网上精品资源 VSCode相关快捷键 选择文件夹和拖拽文件夹来打开 使用#xff01;加enter#xff08;回车#xff09;#xff0c;输入默认模板 !DOCTYPE html html langen head课程来自网上精品资源  VSCode相关快捷键 选择文件夹和拖拽文件夹来打开 使用加enter回车输入默认模板 !DOCTYPE html html langen headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title /head body /body /html 常用快捷键列表 1.代码格式化ShiftAltF 2.将一行代码向上或下移动一行AltUp或AltDown 3.快速复制一行代码ShiftAltUp或ShiftAltDown 4.快速保存CtrlS 5.快速查找CtrlF 6.快速替换CtrlH HTML5 Tags and Syntax        标签和语法 1.Tags have a beginning and an end. h1Hello World/h1 :Start tag / :Closing tag img srcx.gif/:Self-closing tag自动关闭标签 2.Display:block and inline  区块标签和内联标签 block:can take width and height inline:can not take width and height(如换行符hr等) 3.Common Tags        常见标签 Headings(block): h1,h2,h3,h4,h5,h6 标题逐渐变小 Paragraphs(block): p.../p 段落中间只加入内联标签 Divs(block) div.../div 分区 Ordered lists ol li Item One/li li Item Two/li /ol UnOrdered lists ul li Item One/li li Item Two/li /ul Line breaks br 自动关闭标签换行 Images(inline) img srcmyPicture.jpg altImage of Jason/ src:Image filename alt:Info for screen readers文件编辑器显示的内容一种属性 title:Diaplays on hover class:Extra formatting(height,width,position,etc.) 4.Attributes        属性 Always specified in the start tag Attribute come in name/value pairs. 下面展示含属性的标签 Some apply to any tag(万用属性每个起始标签都可以放) 1.class 2.id 3.style 4.accesskey:a shortcut key to activate an element.(启用 5.tabindex:the order elements will come into focus using the tab key.进入顺序 5.Special Entities        特殊符号 If you want...The use...ltgt©copyblank space nbspamp Semantic Tags        语义标签 We need to design our pages In the beginning there was div div was a way to group related content together组合内容 div classheader.../div页眉 div classsection.../div div classfooter.../div页脚 nav is a section of page that links to other pages or to parts within the page.导航 Often found in the header tag. 示例 navullia href#overviewOverview/a/lilia href#historyHistory/a/lilia href#developmentDevelopment/a/liul /nav footer is a section that contains info such as copyright data,related document,and links to social media.页脚附录 Typically at the bottom of the page,but not required.  figure more semantics than img含更多语义 Can include :         caption       图标签 multiple multi-media resources Other New Tags 1.Structure Elements结构元素例如文章摘要章节 article,aside,main,menuitem,summary,section 2.Form Elements创建表单时使用 datalist,keygen,output 3.Input Types输入类型例如弹出不同键盘 color,data,email,list 4.Graphic Elements画布等图形元素 canvas,svg 5.Media Elements媒体元素可以放入电影和音乐等 audio,embed,source,track,video 来自密歇根大学的英文课程这是本人制作的英文笔记供有需要复习的读者参考 这一部分比较基础可以通过练习记忆