佛山网站专家,莆田网站建设制作,上海自助建站企业,牟平网站制作环境搭建
下载VScode#xff0c;依次下载插件#xff1a;HTML CSS support、Live Server、Auto Rename Tag
一、HTML篇
HTML通过一系列的标签#xff08;元素#xff09;来定义文本、图像、链接等。HTML标签是由尖括号包围的关键字。标签通常成对出现#xff0c;包括开…环境搭建
下载VScode依次下载插件HTML CSS support、Live Server、Auto Rename Tag
一、HTML篇
HTML通过一系列的标签元素来定义文本、图像、链接等。HTML标签是由尖括号包围的关键字。标签通常成对出现包括开始标签和结束标签双标签内容位于两个标签之间。除双标签之外还有单标签。
单标签用于没有内容的元素双标签用于有内容的元素。
1、HTML文件结构 !DOCTYPE html html head title前端练习项目/title meta charsetUTF-8 link relstylesheet typetext/css hrefstyle.css script srcscript.js/script /head body h1这是一级标题/h1 h6这是六级标题/h6 a hrefhttps://www.baidu.com这是一个超链接/a /body /html 以上为一个HTML项目的大致框架可以在空白页面打出一个来快速生成大致框架 。 2、 常用标签 标题标签 h1/h1 h2/h2 h3/h3 h4/h4 h5/h5 h6/h6 段落标签 p这是段落标签/p 超链接标签 a href target /a 水平线标签 hr 图片标签 img src alt 加粗 b/b strong/strong 换行标签 br 斜体 i/i 下划线 u/u 删除线 s/s 无序列表 ul li/li li/li /ul 有序列表 ol li/li li/li /ol 表格标签 table border1 !--表格标签-- th列标题1/th !--列标题标签-- th列标题2/th tr !--行标签-- td列1/td !--列标签-- td列2/td /tr /table 3、HTML属性 基本语法 开始标签 属性名“属性值” 属性名称不区分大小写属性值区分大小写 4、HTML区块
块元素与行内元素
块元素通常用于组织和布局页面例如段落、标题、列表、表格等。将内容分割成内容块。 块级元素包括 div/div p/p h1/h1到h6/h6 ul/ul ol/ol li/li table/table form action/form 行内元素通常用于添加文本样式或为文本中的一部分应用样式可以在文本中插入小元素。 行内元素包括 span/span a href/a strong/strong em/em !--斜体标签-- img src alt br input typetext span/span 内联样式化文本标签
div/div 块级标签
5、HTML表单
form/form标签 label for用户名/label input typetext placeholder请输入用户名 label只能与input搭配使用 二、CSS篇
